/* Quick.Cart.Ext default stylesheet More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design */ /* GLOBAL STYLES */ body, body *, body *:before, body *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} body,table{color:#01133b;font-size:0.75em;font-family: 'Open Sans', serif;font-weight:400;} table{border-collapse:collapse;border-spacing:0;font-size:100%;} tbody, tfoot, thead{margin:0;padding:0;} caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;} body{padding:0;text-align:center;background: #FFFFFF;} .input, select, textarea{padding:5px 10px;border-width:1px;border-style:solid;border-color:#cecece;font-size:12px;font-family:'Open Sans', sans-serif;} .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 15px 5px 15px;background:#288936;color: #FFFFFF;font-weight:400;font-size:1.15em;font-family:'Open Sans', sans-serif;} .submit:hover{background:#288936;cursor:pointer;transition: all 0.5s;color: #000000;} * html .submit{padding:3px 1px;} /* IE 6 hack */ * html .input{height:21px;} /* IE 6 hack */ .form{background:#fff url('img/body.png');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;} .form label{font-size:1em;color:#272727;font-weight:bold;} .form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} .form label span{padding-left:10px;color:#949494;font-weight:normal;text-shadow:none;} .hide{display:none;} a{color:#288936;text-decoration:none;} a:hover{color:#01133b;text-decoration:none;} .clear{clear:both;height:0px;font-size:0em;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: #272727;} #skiplinks a:focus{top:0;background:#000;color: #272727;} #container{position:relative;width:100%;margin:0 auto;padding:0 0 0px;overflow:hidden;} #body, #foot{float:left;width:100%;margin:0 auto;padding:0;} #header {width: 1180px;margin:0 auto;position: relative; z-index: 101;padding: 15px 0 35px 0;display: inline-block;} /* HEADER WITH TOP MENU ABOVE LOGO */ #head1 {width: 55%;float:left;} #head1 .container{overflow:hidden;} * html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */ /* MENU TOP 1 */ #menu1 ul{float:right;margin:8px 3px 3px 0;list-style:none;} #menu1 li{float:left;padding:7px 0 10px 20px;} #menu1 li a{padding-right:12px;font-weight:400;text-decoration:none;color: #272727;font-size:16px;} #menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:none;color:#288936;} #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:#288936;} #menu1 li.lBasket a:hover{color:#288936;} #menu1 li.lBasket span{display:block;color:#444;font-size:0.917em;font-family:sans-serif;} /* LOGO, HEADER BACKGROUND AND SLOGAN */ #head2{width: 25%;float:left;position:relative;} #head2 .container{position:relative;} #logo {float: left;padding: 0px 0px 15px 0px;width: 250px;box-sizing: border-box;text-align: center;} #logo img {max-width: 100%;} #logo_img {display:inline-block;} #logo #title{display:inline-block;float:right;width:166px;margin-top:-2px;} #logo #title a{color: #272727;text-decoration:none;font-size: 18px;font-weight: 300;line-height: 20px;text-transform: uppercase;} #logo #title a span{color: #272727;background:inherit;font-weight: bold;font-size: 17px;text-transform: initial;} #logo #title a strong{color: #272727;background:inherit;} #logo #slogan{padding:0 0 0 0px;background:inherit;color: #272727;font-size:1.20em;} * html #logo #slogan{width:100%;} /* IE 6 hack */ /* HEADER WITH TOP MENU BELOW LOGO */ #head3 {float: left;width: 100%;position: absolute;bottom: -35px;background: rgb(245, 245, 245) none repeat scroll 0% 0%; box-shadow: rgba(0, 0, 0, 0.64) 0px 2px 8px -5px;} #head3 .container{float: left;width: 100%;position: relative;} /* MENU TOP 2 */ #menu2 {float:left;width:100%;} #menu2 > ul {align-items: center;} #menu2 ul{float:left;height:100%;margin:0;list-style:none;width:100%;display: flex;justify-content: left;} #menu2 li{float:left;padding:0;} #menu2 li a{float:left;padding:15px 25px;color: rgb(26, 26, 26);font-size:16px;font-weight: 600;text-transform: uppercase;text-decoration:none;padding: 17px 25px;} #menu2 > ul > li > a:hover {color: #288936;} #menu2 > ul > li:nth-child(3) > a:hover {color: rgb(26, 26, 26);transition: all 0.5s;background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 4; box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 2px 1px, rgba(0, 0, 0, 0.16) 0px 4px 8px 0px; border-radius: 8px 8px 0px 0px;color: #288936;} #menu2 > ul > li:nth-child(3) {text-align: center} #menu2 li.lBasket {float:right;margin-left: auto;position: relative;} #menu2 li.lBasket a::before {content: '\f07a';left: 0;top: 50%;position: absolute;transform: translateY(-50%);font-family: "Font Awesome 5 Free"; font-weight: 900;color:#288936;font-size: 1.05em;} #menu2 li.lBasket a{color: #288936;float: none;position: relative;padding-left: 25px;} #menu2 li.lBasket a:hover{color: #000000;transition: all 0.5;} #menu2 li.lBasket:hover a::before {color: #000000;} #menu2 li.lBasket span{font-family:sans-serif;color: #288936;margin:0px 0 0 2px;} /* BODY STYLES - LEFT AND RIGHT COLUMN */ #body{clear:both;margin:0;} #body .container{width: 1780px;margin:0 auto;} /* 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{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #searchForm .input{min-width:120px;width:46%;padding:3px;} #searchForm .submit{padding:4px 10px 9px;font-size:0.917em;font-style:normal;border:0;background:#288936 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: #272727;background:#288936 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:#01133b;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:#288936;background:none;text-decoration:none;} #menu3 .selected > a:first-child{color:#288936;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;} /* BOXES */ #column .box{margin:20px 0px;float:left;width: 100%;border: 1px solid #ddd;} #column .box .type{padding:5px 10px;font-size:1.667em;font-weight:400;color: #272727;background:#191e3b;text-transform: uppercase;} #column .box .content, #column .box .page-box, #column .box .product-box{padding:10px;list-style:none;line-height:1.5em;} .box .page-box div, .box .product-box div{padding-top:5px;text-align:center;} .box .page-box div.description, .box .page-box div.more, .box .product-box div.description, .box .product-box div.more{text-align:left;} .box .page-box div:last-child, .box .product-box div:last-child{padding-bottom:10px;} .box ul, .box ol{margin:0 !important;list-style:none;} .box li{padding:6px 0 2px 15px;background:url('img/menu3_sub.gif') no-repeat 3px 13px;} .box li a{display:block;width:87%;padding:2px 2% 4px 7%;color:#002d41;font-size:1.083em;background:none;} .box li a:hover{color:#288936;background:none;} .box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:#288936;} .box .price strong{padding:0 2px 0 5px;font-weight:bold;} .box .price em{padding:0;background:inherit;color:#01133b;font-style:normal;} .box .price span{color:#01133b;font-weight:bold;padding-left:5px;} .box .product-box .name{font-size:1.1em;padding:5px 0;font-weight:bold;} #column #box1 .type{background:#326e9c url('img/menu4_bg.png') no-repeat left bottom;} #column #box1 .content{border-bottom:2px solid #01476e;} .boxes .box .type{padding:7px 0 7px 10px;color:#288936;font-size:1.5em;border:0;text-align:left;} .boxes .box .content, .boxes .box .page-box, .boxes .box .product-box{padding:5px 10px 15px;list-style:none;line-height:1.5em;text-align:left;} .boxes .box{float:left;width:100%;padding:0px;box-sizing: border-box;} #content .boxes .box{float:left;width:100%;padding:15px 25px;margin:0 0 15px 0;background: #FFFFFF;box-sizing: border-box;} .boxes.footer .box{margin-top:10px;margin-bottom:10px;} .boxes.footer .box strong {color: #272727;font-weight: 300;font-size: 1.35em;} /* BASKET SUMMARY */ #basketSummary{padding:10px 20px;} #basketSummary .title{margin-top:10px;padding:5px 13px 10px;font-size:1.667em;font-weight:bold;color: #272727;background:#326e9c url('img/menu4_bg.png') no-repeat left bottom;} #basketSummary .title a{color: #272727;background:none;text-decoration:none;} #basketSummary .title a:hover{text-decoration:none;} #basketSummary ol{margin:6px 0;padding:0 5px;list-style:none;font-weight:bold;} #basketSummary li{padding:5px 3px 7px;border-bottom:1px solid #e0e0e0;} #basketSummary .lL{border:0;} #basketSummary li span.name{display:block;font-weight:bold;font-size:0.9em;} #basketSummary li a{color:#288936;} #basketSummary li a:hover{color:#288936;} #basketSummary li div{padding:5px 0 0;font-weight:normal;font-size:0.9em;} #basketSummary li .priceQuantity{color:#288936;background:inherit;} #basketSummary li strong{padding:0 2px 0 5px;font-weight:bold;} #basketSummary li em{color:#01133b;background:inherit;font-style:normal;} #basketSummary .summary{margin:0 5px;padding:5px;border-top:2px solid #e0e0e0;color:#288936;text-align:center;font-weight:bold;} #basketSummary .summary em{background:inherit;color:#01133b;font-style:normal;} #basketSummary .summary strong{padding:0 3px;font-weight:bold;} #basketSummary .summary span{color:#01133b;font-weight:bold;} /* PROMOTED PRODUCTS */ #promoted{float:left;width:100%;padding:25px 0 0 0;box-sizing: border-box;background:rgba(255,255,255,.7);margin:0px 0;} #promoted .title {text-transform: uppercase; color: #000; font-weight: 600;margin:15px 0px 25px 0;padding:15px 0 15px 70px;font-size:2.25em;box-sizing: border-box;float:left;width:100%;text-align: left;border-bottom: 1px solid #f3f3f3;position: relative;} #promoted .title::before{content: '';background:url('img/wyroznione-ico.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} #promoted ul{list-style:none;padding-bottom:10px;text-align:center;} #promoted li{margin: 15px;box-sizing: border-box;border: 1px solid #F3f3f3;padding: 0 0 15px;} #promoted li .photo{float:left;margin:0 0px 0px 0;position: relative;overflow: hidden;} #promoted li .photo img {max-width: 100%;float: left;transition: all 0.5s;} #promoted li:hover .photo img {opacity: 0.75;transition: all 0.5s;transform: scale(1.15);transition: all 0.5s ease;} #promoted li .name{font-size:1.1em;padding:5px 0;font-weight:bold;margin-top: 15px;display: inline-block;} #promoted li a{text-decoration:none;font-weight: 600;font-size: 16px; color: #000;} #promoted li a:hover{background:inherit;color: #000;;text-decoration:none;} #promoted li .price, #promoted li .noPrice{padding:2px 0 0;background:inherit;color:#288936;font-size: 14px;} #promoted li .price strong{padding:0 2px 0 5px;font-weight:bold;} #promoted li .price em{padding:0;background:inherit;color:#01133b;font-style:normal;display: none;} #promoted li .price span{color:#288936;font-weight:bold;padding-left:5px;} /* RIGHT COLUMN STYLES */ #content{float:left;width:100%;padding:0 0px 25px 0;text-align:center;} * html #content{width:100%;} /* IE 6 hack */ .order #content{width:100%;} #page{clear:left;position:relative;float:left;width:100%;margin:0;text-align:left;padding:35px 0px 0 0;box-sizing:border-box;background:rgba(255,255,255,.7);} * html #page{float:none;width:100%;} /* IE 6 hack */ * html .order #page{width:100%;} /* IE 6 hack */ /* PAGE TITLE */ #page h1 {text-transform: uppercase; color: #000; font-width: 600;font-size: 27px;position: relative;padding: 26px 29px 24px 70px;background: #FFFFFF;margin:0px 0 0px 0;position: relative;} #page h1::before{content: '';background:url('img/nowosc-ico.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} #heading-main {text-transform: uppercase; color: #000; font-width: 600;font-size: 27px;position: relative;padding: 26px 29px 24px 70px;background: #FFFFFF;margin:0px 0 0px 0;position: relative;} #heading-main::before{content: '';background:url('img/nowosc-ico.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} /* NAVIGATION PATH - TREE */ #page div.breadcrumb{margin: 0px;background: #adce0d;padding: 10px 15px;float:left;width:100%;box-sizing: border-box;} #page div.breadcrumb a{text-decoration:none;color: #272727;} #page div.breadcrumb a:hover{text-decoration:none;color: #288936;} *: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;} .tS{float:right;margin:17px 0 3px;} .tS div{display:inline;} .tS a{margin:0 4px;text-decoration:none;background:inherit;color:#288936;font-weight:bold;} .tS a:hover{color:#288936;background:inherit;} .tS0{font-size:0.917em;} .tS1{font-size:1.083em;} .tS2{font-size:1.333em;} .pages{padding:10px 0 8px;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;} ul.options{float:left;width:100%;margin:10px 0;list-style:none;} ul.options::after{content:"";display:table;clear:both;} ul.options li{float:left;margin:0 10px 0 0;} ul.options .edit a, ul.options .delete a{display:inline-block;width:21px;height:21px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;} ul.options .edit a{background:url('../admin/img/ico_edit.gif') no-repeat 0px 0px;} ul.options .delete a{background:url('../admin/img/ico_del.gif') no-repeat 0px 0px;} ul.options .edit a:hover, ul.options .delete a:hover{opacity:0.6;} /* IMAGES STYLES */ #content .imagesList{list-style:none;} #content .imagesList li{margin:0 0 15px 0;text-align:center;} #content .imagesList li div{text-align:center;} #content .subpagesList li img, #content .imagesList li img, #content .imagePreview img, #products li .photo img, .imagesGallery img, #subpagesGallery img, .box .page-box img, .box .product-box img{max-width:100%;box-sizing: border-box;} #content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img, #subpagesGallery img:hover, .imagesGallery img:hover, .box .page-box img:hover, .box .product-box img:hover{} #imagesList1{float:left;margin:9px 20px 0 0;} #imagesList2{clear:right;float:right;margin:8px 0 0 15px;} /* IMAGES STYLES - GALLERY */ #imagesGallery4{margin:20px 0 0;} #imagesGallery5{margin:10px 0 10px;} #content .imagesGallery{clear:both;} #content .imagesGallery .pages{clear:both;border-top:1px solid #e7e9ed;} #content .imagesGallery table{clear:both;width:100%;padding:10px 0;font-size:1em;} #content .imagesGallery table caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #content .imagesGallery td, #content .imagesGallery th{padding:15px 7px 10px;background:inherit;font-size:0.917em;text-align:center;vertical-align:top;} #content .imagesGallery div{font-weight:normal;font-size:1.1em;line-height:1.4em;} .imagePreview div{margin:5px 0 10px;text-align:center;} #imagesListPreview{float:left;margin:9px 20px 0 0;} * html #imagesListPreview{margin-top:-5px;} .imagesList#imagesListPreview li{margin-bottom:3px;} .imagesList#imagesListPreview li img{border-width:2px;} .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:#288936;background:inherit;} #filesList li a:hover{color:#01133b;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: #272727;font-family: 'Open Sans', serif;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: #272727;font-weight:bold;font-family:'Open Sans', sans-serif;text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;} #quick-box .close:hover{opacity:0.8;} #quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;} #quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;} /* SUB PAGES LIST STYLES */ #content .subpagesList{float:left;width:100%;margin:7px 0;list-style:none;} #content .subpagesList li{clear:left;float:left;width:95%;margin:10px 0;padding:18px 2.5%;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 10px 5px -5px rgba(0,0,0,.15);box-shadow:0 10px 5px -5px rgba(0,0,0,.15);} * html #content .subpagesList li{width:100%;} /* IE 6 hack */ #content .subpagesList li .photo{float:left;margin:0 20px 5px 0;} #content .subpagesList li h2{padding-bottom:10px;text-shadow:2px 2px 3px #ddd;} #content .subpagesList li h2, #content .subpagesList li h2 a{color:#288936;font-size:1.25em;font-weight:normal;background:none;} #content .subpagesList li h2 a:hover{color:#01133b;background:none;} #content .subpagesList li div.description{font-weight:normal;font-size:1em;line-height:1.4em;} #content .subpagesList li ul, #content .subpagesList li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} #content .subpagesList li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content .subpagesList li ul{list-style:disc;} #content .subpagesList li ol{list-style:decimal;} #content .subpagesList li p{padding-bottom:10px;} #subpagesGallery{width:100%;padding:10px 0;font-size:1em;} #subpagesGallery caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #subpagesGallery td, #subpagesGallery th{padding:15px 7px 10px;text-align:center;} #subpagesGallery h2{margin:5px 0 0;} #subpagesGallery h2, #subpagesGallery h2 a{font-size:1.2em;font-weight:normal;background:none;color: #288936;} #subpagesGallery h2 a:hover{color:#288936;background:none;} /* SOCIAL BUTTONS */ #plusOne{position:absolute;top:20px;right:20px;} #socialButtons{clear:both;float:left;width:100%;margin:10px 0;padding:6px 0 4px;text-align:left;list-style:none;} #socialButtons .title{display:block;float:left;margin:0 0 0 15px;padding:2px 0 0;} #socialButtons li{float:left;margin:0 10px 0;} #socialButtons li.social2 img{border:1px solid #ccc;} #socialButtons a img{vertical-align:middle;} /* SITE MAP */ #siteMap{margin:5px 0;list-style:none;} * html #siteMap{float:left;width:100%;} #siteMap li{margin:0 0 13px;padding:8px 10px 10px;background:#fff url('img/body.png');border-bottom:1px solid #dadada;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);} #siteMap li a{font-weight:bold;font-size:1.1em;color:#288936;background:none;} #siteMap li a:hover{color:#2e6996;background:none;} #siteMap ul{margin:0;padding:3px 0 0 10px;border:0;list-style:none;} #siteMap ul li{margin:0;padding:4px 10px;border:0;-webkit-box-shadow:none;box-shadow:none;} #siteMap ul li a{font-weight:bold;color:#2e6996;background:none;} #siteMap ul.products li{border:0;background:url('img/menu3_sub.gif') no-repeat 3px 11px;-webkit-box-shadow:none;box-shadow:none;} #siteMap ul.products li a{color:#333;font-weight:normal;text-decoration:none;} #siteMap ul.products li{padding-left:15px;margin-left:5px;} #siteMap li ul li a:hover, #siteMap ul.products li a:hover{color:#288936;background:none;text-decoration:none;} #siteMap li .price{display:inline;font-size:0.917em;color:#2e6996;padding-left:5px;} #siteMap li strong{padding:0 5px 0 7px;background-color:inherit;color:#2e6996;} #siteMap li span{background-color:inherit;color:#2e6996;} /* COMMENTS */ #commentForm{clear:both;width:100%;margin:10px auto 0;} #commentForm fieldset{padding:25px 20px;} #commentForm dl, #commentForm dt, #commentForm dd{margin:0;padding:0;} #commentForm dt{padding:0 0 7px;} #commentForm dd{margin-bottom:18px;} #commentForm dt.vote{color:#288936;font-weight:bold;} #commentForm .input, #commentForm textarea{width:99%;padding:3px;font-size:1em;} #commentForm #captcha{width:9%;} #commentForm .captcha em{font-style:normal;font-weight:bold;} #commentForm .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #commentForm .save{text-align:center;} #commentTitle{overflow:hidden;margin:18px 0 10px;padding-left:10px;background:inherit;color:#2e6896;font-size:2.2em;font-weight:normal;border-left:2px solid #e0e0e0;background:inherit;} #comments{float:left;width:100%;margin:7px 0;list-style:none;} #comments li{clear:left;float:left;width:96%;margin:10px 0;padding:13px 2%;border:1px solid #e0e0e0;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);} * html #comments li{width:100%;} #comments div{float:left;width:25%;} #comments span.name{display:block;font-size:1em;color:#2e6896;font-weight:bold;} #comments span.date{display:block;font-size:1em;margin-top:3px;} #comments p{font-weight:normal;font-size:1em;line-height:1.4em;width:75%;float:right;} /* PRODUCTS RATING */ #productRating{margin:10px 0 5px;text-align:center;} #productRating .results{margin:2px 0 0;font-size:0.9em;} #productRating .results strong{padding:0 0 0 2px;} .ratingDisplay{width:80px;height:16px;background: url('img/stars.gif') no-repeat 0 0;font-size:0em;margin:6px auto;} #comments .ratingDisplay{width:80px;margin-bottom:0;opacity:0.5;} .rating{float:left;width:80px;height:16px;margin:0;padding:0;list-style:none;position:relative;clear:both;background: url('img/stars.gif') no-repeat 0 0;} .stars0{background-position:0 0} .stars1{background-position:0 -96px} .stars2{background-position:0 -112px} .stars3{background-position:0 -128px} .stars4{background-position:0 -144px} .stars5{background-position:0 -160px} #commentForm dd.vote{float:left;} #commentForm dt.vote{float:left;margin-right:5px;} * html #commentForm dd.vote{margin-bottom:0;} #commentForm .commentContent{clear:both;} #commentForm ul.rating li{cursor:pointer;float:left;text-indent:-999em;} #commentForm ul.rating li a {position:absolute;left:0;top:0;width:16px;height:16px;text-decoration:none;z-index: 200;} #commentForm ul.rating li.one a{left:0} #commentForm ul.rating li.two a{left:16px;} #commentForm ul.rating li.three a{left:32px;} #commentForm ul.rating li.four a{left:48px;} #commentForm ul.rating li.five a{left:64px;} #commentForm ul.rating li a:hover{z-index:2;width:80px;height:16px;overflow:hidden;left:0;background: url('img/stars.gif') no-repeat 0 0} #commentForm ul.rating li.one a:hover{background-position:0 -96px;} #commentForm ul.rating li.two a:hover{background-position:0 -112px;} #commentForm ul.rating li.three a:hover{background-position:0 -128px} #commentForm ul.rating li.four a:hover{background-position:0 -144px} #commentForm ul.rating li.five a:hover{background-position:0 -160px} /* CONTACT FORM */ #contactPanel{clear:both;width:100%;margin:10px auto 0;} #contactPanel fieldset{padding:25px 20px;} #contactPanel fieldset legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #contactPanel dl, #contactPanel dt, #contactPanel dd{margin:0;padding:0;} #contactPanel dt{padding:0 0 7px;} #contactPanel dd{margin-bottom:18px;} #contactPanel .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;} #contactPanel #captcha{width:9%;} #contactPanel .captcha em{font-style:normal;font-weight:bold;} #contactPanel .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #contactPanel .save{text-align:center;} /* PAYMENTS */ #paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #bebebe;background:url('img/body.png');font-weight:bold;} #paymentOuter{margin:10px 0 0;} #paymentChannels{padding-left:20px;} #paymentChannels select, #paymentChannels label, #paymentChannels .zagielInfo{display:none;} #paymentChannels .zagielInfo label{display:inline;} a.zagielInfo{margin:0 20px 0 0;} .zagielInfo a{margin-left:5px;font-weight:normal;} /* OPTIONS LINK */ #options{clear:both;float:right;width:100%;margin:10px 10px;color:#01133b;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:#288936;background:inherit;} #options a:hover{color:#288936;background:inherit;} #options .back, #options .print{float:right;} #options .print a{border-left:1px solid #e0e0e0;} .message{clear:both;padding:50px 0;text-align:center;} .message h2{background:inherit;color:#288936;font-weight:normal;font-size:2.4em;line-height:1.7em;} .message h2 a{color:#288936;background:inherit;} .message h2 a:hover{color:#01133b;background:inherit;} /* PRODUCTS LIST */ #products{clear:both;float:left;width:100%;margin:10px 0;list-style:none;border-bottom:1px solid #f6f6f6;} #products ul.list{float:left;width:100%;list-style:none;display: flex;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start;align-items: stretch;} #products .list li{float:left;width:23%;margin:1%;border:1px solid #f3f3f3;text-align:center;box-sizing: border-box;padding: 0 0 10px 0;position: relative;flex-grow: 0;display: flex;flex-direction: column;} #products .list li:nth-child(4n+1) {clear: left;} /* 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 .list li li{float:none;width:auto;margin-left:0px;padding:0;border-top:0px;text-align:left;} #products li .photo{margin-bottom:4px;font-size:0px;line-height:0px;position: relative;overflow: hidden;} #products li .photo img {float: left;max-width: 100%;transition: all 0.1s;} #products li:hover .photo img {transform: scale(1.15);transition: all 0.5s;} #products li h2{padding:5px 0 5px;font-weight:400;font-size:1.083em;} #products li h2 a{text-decoration:none;color: #000;font-size: 16px;font-weight: 600;} #products li h2 a:hover{text-decoration:none;color:#000;} #products li h3{padding-bottom:5px;font-weight:normal;font-size:0.917em;} #products li h3, #products li h3 a{color:#01133b;} #products li h3 a:hover{color:#288936;} #products li h3 em{padding:0 5px;} #products li div.description{text-align:center;padding: 0 15px;box-sizing: border-box;margin-bottom: 30px;} #products li div.description a{color:#01133b;} #products li div.description a:hover{color:#288936;} #products li div.description p {line-height: 16px; max-height: 25px; font-size: 14px;} #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 auto;color:#288936;font-weight:bold;text-decoration:none;text-align: center;float: left;width: 100%;padding: 0 15px;box-sizing: border-box;} #products li .price em{padding:0 6px 0 0;background:inherit;color:#191e3b;font-style:normal;font-weight: 300;font-size: 1em;display: none;} #products li .price strong{font-weight:normal;font-size: 16px;font-weight: bold;} #products li .noPrice strong{font-weight:bold;font-size: 1.15em;} #products li .price span{padding-left:4px;font-size:1.083em;color:#288936;} #products li .basket{float:left;width:60%;display:inline-block;background:#288936;} #products li .basket a{float:left;width:100%;text-align:center;color: #FFFFFF;padding:10px 5px;font-weight:700} #products li .basket a:hover{color:#fff;} #products li .basket:hover{float:left;width:60%;display:inline-block;background:#E73844;} #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;} #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;} .info-boxes { max-width: 1780px; margin: 0 auto; clear: both; } .info-boxes-container > h2 { height: 20px; text-align: center; font-weight: 600; width: 100%; display: block; margin: 0 auto; margin-bottom: 34px; text-transform: uppercase; } .sub-desc > p { font-size: 13px; color: #000; line-height: 17px; text-align: center; max-width: 1280px; margin: 0 auto; } .sub-desc > a { margin-top: 20px; display: block; text-decoration: underline; color: rgb(0, 0, 0); } .info-boxes-item { max-width: 550px; margin: 20px; } .info-boxes-item:hover .info-boxes-img > img { transform: scale(1.2); } .info-boxes-item:hover { cursor: pointer; } .info-boxes-img { width: 100%; overflow: hidden; } .info-boxes-img > img { object-fit: cover; width: 100%!important; height: 400px; transition: all 0.3s ease; } .sub-desc > a:hover { color: rgba(0, 0, 0, 0.5); } .boxNewsContainer { padding: 50px 0; } .info-boxes-desc { background-color: #F3F3F3; margin-top: -5px; padding: 30px; height: 170px; } .info-boxes-list { display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .info-boxes-desc> h2 { max-width: 200px; font-size: 17px; line-height: 23px; text-align: center; display: block; margin:0 auto 10px auto; text-transform: uppercase; font-weight: bold; color: #000; } .info-boxes-desc > p { color: #978F8F; text-align: center; margin: 0 auto; display: block; } /* PRODUCTS DETAILS */ #product{clear:left;float:right;display:block;width:650px;margin:0 20px;text-align:left;} * html #product{margin:0;} /* IE 6 hack */ #product h1 {font-size: 27px;color: #272727;position: relative;padding: 26px 29px 24px;background: #288936;margin:40px 0 25px 0;} #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:#01133b;} #product div.breadcrumb a:hover{background-color:inherit;color:#288936;} #product div.breadcrumb em{padding:0 5px;} #product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:3px 0 10px;border-top:2px solid #d4d4d4;border-bottom:2px solid #d4d4d4;background:url('img/body.png');text-align:center;-webkit-box-shadow:0 0 15px rgba(48,47,47,.3);box-shadow:0 0 15px rgba(48,47,47,.3);} #product #box form{font-weight:bold;} #product #box #price, #product #box #noPrice{padding:7px 0;border-bottom:1px solid #bebebe;background-color:transparent;color:#01133b;font-size:1.417em;text-align:center;text-shadow:2px 2px 3px #ddd;} #product #box #noPrice{color:#288936;} #product #box #price em{font-style:normal;} #product #box #price strong{padding:0 6px;font-size:1.176em;color:#288936;font-weight:bold;} #product #box #available{padding:8px 2px 0;background-color:transparent;color:#01133b;font-weight:bold;font-size:0.9em;} #product #box #addBasket{padding:10px 0 5px;background:none;border:none;} #product #box #addBasket .submit{width:71%;padding:5px 25px 8px 5px;border:0;background:url('img/button_cart.png') no-repeat right bottom;background-color:inherit;color: #272727;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;} /* FEATURES */ #features{margin:0 0 15px;min-width:300px;background:#e0e0e0;font-size:1em;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);} #features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #features thead td{padding:5px;background:#f0f0f0;text-align:center;font-weight:bold;border:1px solid #e8eaee;} #features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:normal;text-align:left;border:1px solid #e8eaee;} #features .l0 td, #features .l0 th{background:#f0f0f0;} /* BASKET AND ORDER */ #orderedProducts table{width:100%;margin:0;border-bottom:2px solid #e0e0e0;font-size:1em;color:#288936;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: #272727;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{position:absolute;clip:rect(1px, 1px, 1px, 1px);} #orderedProducts tbody a:hover{background:inherit;color:#01133b;} #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:#288936;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:#288936;} #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:#01133b;} #basket .del a:hover{background:inherit;color:#288936;} #basket .buttons #continue{text-align:left;} #basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;} #basket #pageDescription{margin-top:20px;} #basket #save{padding:7px;} #basket #save .submit{margin-right:5px;padding:4px 9px;background:#f2f2f2;color:#01133b;border:2px solid #e0e0e0;font-weight:normal;text-shadow:none;} #basket #save .submit:hover{background:#154a72;color: #272727;} #basket legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);} /* DISCOUNT VOUCHERS */ #discountVoucher td{text-align:right;} #discountVoucher strong{padding-right:3px;} #incorrectVoucher{margin:7px 0;background:inherit;color:#288936;font-weight:bold;} #orderedProducts tfoot #discountVoucher{color:#01133b;} #order form{background:none;border:none;} #order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#288936;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:#288936;text-shadow:1px 1px #e0e0e0;} #order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;} #order #personalData #oComment{height:125px;} #order #vrn{float:left;width:40%;} #order #invoice{float:left;height:20px;margin-left:2%;padding-top:18px;text-align:right;} #order #invoice input{float:left;margin-top:3px;} #order #invoice label{float:left;margin:0 0 0 5px;font-weight:normal;} #order #street{clear:both;} #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:#288936;} #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:#01133b;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:#01133b;font-weight:bold;text-align:left;} #order #rulesAccept th, #order #nextStep th{border:0;} *: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:#288936;font-weight:normal;font-size:1.5em;} #orderPrint #pageDescription p{padding:5px 0;} #orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:#288936;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:2%;font-weight:bold;} #orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;} /* ORDER STATUS LINK */ #orderPrint .orderStatusLink{margin:10px 30px 20px;padding:14px;text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;} #orderPrint .orderStatusLink div{padding:3px 0;} /* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */ #foot{clear:both;float:left;width:100%;background:rgb(245, 245, 245);padding:15px 0} #foot .container{margin:0 auto;color:#288936;overflow:hidden;width:1080px;position: relative;z-index: 1000;} #foot a{background:inherit;color: #288936;text-decoration:none;font-weight:700} #foot a:hover{color:#000000;background:inherit} #copy{float:left;padding:0 25px;} .foot{float:right;padding:0 25px;} #powered img{vertical-align:middle;} #foot-menu {float:left;width:100%;border-bottom:1px solid #288936;padding: 25px 0;margin-bottom:10px;} @media print{ /* PRINT STYLES */ * {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, #socialButtons, #plusOne, #contactPanel, #commentForm{display:none;} } /* PLUGINS */ .youtube{width:420px;height:315px;padding:1px;background:#c0bfbf;border:4px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);} .youtube:hover{border:4px solid #c9cdce;} @media screen and (max-width:675px){ .youtube{width:97%;} } .boxProduct_bottom {margin:auto 0 0 0;width:100%;} #products li .price{text-align:center; position: relative; font-size: 14px; font-weight: 600;} #products li .priceNetto, #product #box #price #priceNetto{padding-top:3px;font-size:0.9em; color: #191e3b;font-weight:400;display: none;} #products li .price .priceNetto em, #product #box #price #priceNetto em{font-weight:400;padding-right:2px;} #products li .price .priceNetto span, #product #box #price #priceNetto span{font-weight:normal;padding-right:5px;font-size:1em;color:#288936;} #products li .price .priceNetto strong, #product #box #price #priceNetto strong{font-weight:normal;font-size:1em;color:#288936;} #product #box #price #priceNetto{font-size:0.7em;color:#288936;} #product #box #price #priceNetto strong{padding:0 3px 0 0;} #product #box #price #priceNetto em{color:#01133b;} /* USERS COLUMN LOGIN BOX */ #column .login{margin:10px 20px;padding:10px 7px;font-size:0.92em;text-align:center;border-top:2px solid #757575;border-bottom:2px solid #757575;} #column .login label, #column .login legend{display:none;} #column .login fieldset{padding:0;margin:0;} #column .login .input{width:70px;margin:0 5px 0 0;} #column .login .submit{width:50px;padding:3px 0;font-weight:bold;font-size:0.917em;} * html #column .login{padding:10px 0;} * html #column .login .input{width:59px;} /* USERS LOGIN, LOGOUT AND PROFILE */ #log .button{text-align:center;} #log .forget{margin-top:15px;text-align:center;} #profile .fb{padding-top:15px;text-align:center;white-space:nowrap;} #profile .fb img{margin-top:10px;border:1px solid #273b65;} #profile{clear:both;width:100%;margin:10px auto 0;} #profile fieldset{padding:25px 20px;} #profile fieldset legend{display:none;} #profile dl, #profile dt, #profile dd{margin:0;padding:0;} #profile dt{padding:0 0 4px;} #profile dd{margin-bottom:18px;} #profile dd.not-required{display:none;} #profile.register dl#notRequired{display:none;} #profile.register dd.not-required{display:block;} #profile .input, #contactPanel textarea{width:99%;padding:3px;font-size:1em;} #profile #captcha{width:50px;} #profile .captcha em{font-style:normal;font-weight:bold;} #profile .captcha ins{padding:0 3px;font-weight:bold;text-decoration:none;} #profile .save{text-align:center;} #forgetPasswordForm{margin:10px 0 0;padding:10px 20px;} #forgetPasswordForm label{padding-right:10px;} #forgetPasswordForm .input{width:150px;margin-right:5px;} #resetPasswordForm #profile th label{font-weight:bold;} #order .tab{float:left;} #order .tab a{display:block;margin:10px 10px 0 0;padding:10px 15px 10px;border:1px solid #e0e0e0;border-bottom:0;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;background:#fff;font-size:1em;font-weight:bold;color:#a3a3a3;text-decoration:none;} #order .tab a:hover{color:#288936;} #order .tab a.selected{border-color:#c9c9c9;background:#fff url('img/body.png');color:#01133b;} #orderForm, #orderLoginForm{clear:both;} #order #orderLogin div, #orderRegisterForm div{padding:12px 3%;background:#fff url('img/body.png');border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;} #order #orderLogin label, #orderRegisterForm label{padding:0 7px 0 0;} #order #orderLogin legend, #orderRegisterForm legend{display:none;} #orderRegisterForm span{display:block;margin-top:7px;color:#949494;font-size:0.917em;} #userOrdersListLink{text-align:right;} #userOrders{width:100%;margin:10px 0 0;font-size:1em;text-align:left;} #userOrders thead td{padding:8px 4px;background:#2e6896;color: #272727;} #userOrders tbody td{padding:6px 4px;border-top:2px solid #fff;background:#fff url('img/body.png');border-bottom:1px solid #e0e0e0;} #userOrders a{background:inherit;} #userOrder .message{display:none;} #userOrder #orderPrint{padding-top:15px;} #orderLogin .submit, #forgetPasswordForm .submit{padding:2px 10px;} /* TAGS */ #tags{margin:10px 0;padding:0;list-style:none;} #tags li{display:inline-block;padding:0 5px 0 0;} #tags li a{font-weight:bold;} /* STOCK */ #page .stockLevel, #page .stockSold{margin:5px 0;font-size:0.917em;} #page .stockSold{background:inherit;color:#288936;font-weight:bold;} #page .stockLevel strong{margin:0 0 0 2px;} #product .stockLevel, #product .stockSold{margin:8px 10px 4px;padding:5px 0 6px;font-weight:bold;font-size:0.917em;} #product .stockSold{color:#288936;} #product .stockLevel strong{margin:0 0 0 4px;background:inherit;color:#288936;} #basket #productsOverStock h5{margin-top:10px;padding:8px 0;font-size:1em;font-weight:bold;border-top:1px solid #e0e0e0;} #basket #productsOverStock strong{display:block;padding:2px 10px;background:inherit;color:#288936;} #basket #productsOverStock div{margin:0 0 10px;padding:5px 0 10px;font-size:1em;font-weight:normal;border-bottom:1px solid #e0e0e0;} .content-slider{overflow:hidden;} /* height:200px; is default height, so page will not change its height after slider is loaded, so you should change it if your slider has different height */ .content-slider.quick-slider{height:580px;} .content-slider .description{top:10px;left:80px;min-width:150px;width:45%;margin-top:10px;} .content-slider .quick-slider-nav-dots-wrapper{bottom:10px;margin:0 auto;text-align:center;} .content-slider .quick-slider-nav-dots-wrapper li{display:inline-block;} @media print{ #content .content-slider{display:none;} } /* BANNERS */ #banner0{text-align:center;padding-bottom:0px;} #banner0 img {max-width: 100%;float:left;} #banner1{text-align:center;margin:10px 0;} #banner1 img {max-width: 100%;float:left;} @media print{ #banner0, #banner1{display:none;} } .content-slider{height:580px;overflow:hidden;} /* height:200px; is default height, so page will not change its height after slider is loaded, so you should change it if your slider has different height */ .content-slider .quick-slider-nav-dots-wrapper{bottom:10px;margin:0 auto;text-align:center;display: none !important;} .content-slider .quick-slider-nav-dots-wrapper li{display:inline-block;} #column .content-slider{} #content .content-slider{} #column .content-slider .description{top:0;left:0;width:100%;text-align:center;} #content .content-slider .description{top:10px;left:80px;min-width:150px;width:45%;margin-top:10px;} /* PRODUCTS SLIDER - jContent */ div.jContent{float:left;} div.slides{} div.jContent p{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;} div.jContent a.prev, div.jContent a.next{float:left;display:block;} div.jContent a.hide{visibility:hidden;} div.jc-horizontal{margin:10px 10px 20px 10px;} div.jc-horizontal a.prev, div.jc-horizontal a.next{width:35px;height:34px;opacity:0.5;filter:alpha(opacity=50);} div.jc-horizontal a.prev{margin: 55px 10px 0px 0px;background:url('img/slider-left.png') no-repeat;} div.jc-horizontal a.next{margin: 55px 0px 0px 10px;background:url('img/slider-right.png') no-repeat;} div.jc-horizontal a.prev:hover,div.jc-horizontal a.next:hover{opacity:1;filter:alpha(opacity=100);} div.jc-auto{margin:0;} #productsSlider{width:97%;margin:0 0 15px 20px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:url( 'img/slider-bg.png' ) repeat-y top center;} #productsSlider .title{width:50%;margin:0 auto;padding:7px 0;font-weight:bold;font-size:1.25em;border:1px solid #e0e0e0;border-width:0px 1px 1px;-moz-border-radius:3px;border-radius:3px;text-shadow:2px 2px 3px #ddd;background:#f5f5f5;} #productsSlider div.slides{text-align:left;padding-top:20px;} #productsSlider div.slides h2{float:left;width:55%;padding:0;font-weight:bold;font-size:1.333em;text-shadow:2px 2px 3px #ddd;} #productsSlider div.slides h2 a{text-decoration:none;} #productsSlider div.slides h2 a:hover{text-decoration:none;} #productsSlider div.slides .photo{float:left;margin:0 15px 5px 0;font-size:0px;line-height:0px;} #productsSlider div.slides .photo img{padding:1px;border:4px solid #e0e0e0;} #productsSlider div.slides .photo a:hover img{border:4px solid #d5d5d2;} #productsSlider div.slides div.description{float:left;width:50%;margin:10px 0 0;text-align:justify;} #productsSlider div.slides div.description a{color:#01133b;} #productsSlider div.slides div.description a:hover{color:#288936;} #productsSlider div.slides div.description ul, #productsSlider div.slides div.description ol{margin:5px 0 0 25px;padding:0;} #productsSlider div.slides .price, #productsSlider div.slides .noPrice{float:left;width:50%;margin:7px 0 5px 0;background-color:inherit;color:#288936;font-weight:bold;text-decoration:none;text-shadow:2px 2px 3px #ddd;} #productsSlider div.slides .price em{padding:0 6px 0 0;background:inherit;color:#01133b;font-style:normal;} #productsSlider div.slides .price strong{font-size:1.25em;} #productsSlider div.slides .priceNetto{padding-top:3px;font-size:0.9em;color:#288936;font-weight:normal;} #productsSlider div.slides .priceNetto strong{padding:0 3px 0 0;font-size:1em;} #productsSlider div.slides .priceNetto em{color:#01133b;} #productsSlider div.slides .priceNetto span{font-weight:normal;padding-right:5px;color:#01133b;} #productsSlider div.slides .price ins{padding-right:5px;text-decoration:none;font-weight:bold;} #productsSlider div.slides .price ins em{padding-right:8px;background:inherit;color:#288936;text-decoration:line-through;font-size:1.13em !important;} #productsSlider div.slides .noPrice strong{font-size:1.083em;} #productsSlider div.slides .price span{padding-left:4px;font-size:1.083em;color:#01133b;} #productsSlider div.slides .basket{float:left;margin:7px 0 0;font-size:0.917em;font-weight:bold;} #productsSlider div.slides .basket a{display:block;padding:7px 12px;color: #272727;background:#b81f5b;text-decoration:none;text-shadow:1px 1px #630d2f;-moz-border-radius:5px;border-radius:5px;} #productsSlider div.slides .basket a:hover{text-shadow:0px 0px 5px #e9c0d1;} #page{clear:both;padding-top:5px;} #noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:400;} #noticeAboutCookies.slide, #noticeAboutCookies.top{border-bottom:1px solid #555;} #noticeAboutCookies.bottom, #noticeAboutCookies.top, #noticeAboutCookies.left-corner{position:fixed;z-index:2;width:100%;background-color:rgba(255,255,255,0.9);} #noticeAboutCookies.top{top:0px;} #noticeAboutCookies.bottom{bottom:0px;border-top:1px solid #555;} #noticeAboutCookies.left-corner{width:250px;left:0px;bottom:90px;padding:10px;border:1px solid #bbb;} #noticeAboutCookies .close{margin-left:20px;font-size:0.917em;color:#999;font-weight:normal;text-decoration:none;} #noticeAboutCookies .close:hover{color:#f00;} #noticeAboutCookies.left-corner .close{display:block;margin:10px 0 0;} #sideTab{z-index:51;position:fixed;right:-65px;top:50%;border:0px solid #288936;border-top-left-radius:0px;border-top-right-radius:0px;background: #288936;border-bottom:none;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} * html #sideTab{display:none;} *:first-child+html #sideTab{filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);border-bottom:2px solid #75a321;right:0px;} #sideTab{margin-right:-55px;} #sideTab a{display:block;padding:7px 13px 20px 13px;text-decoration:none;color: #272727;font-size:1.4em;width:130px;} /* RELATED PRODUCTS */ #productsRelated{clear:both;float:left;width:100%;border-top:2px solid #e0e0e0;padding-top:10px;} #productsRelated h3{font-size:1.7em;font-weight:normal;color:#288936;} #productsRelated ul{float:left;width:100%;margin:10px 0;padding:15px 0 10px;list-style:none;border-bottom:2px solid #e0e0e0;} #productsRelated li{float:left;width:32%;margin-left:2%;padding:5px 0 15px;text-align:center;vertical-align:top;} #productsRelated li.column1{clear:both;margin-left:0;} #productsRelated img{margin-bottom:5px;padding:1px;background:#c0bfbf;border:4px solid #eee;-webkit-box-shadow:0 0 10px rgba(48,47,47,.4);box-shadow:0 0 10px rgba(48,47,47,.4);} #productsRelated img:hover{border:4px solid #c9cdce;} #productsRelated a{display:block;padding:0 5px;font-weight:bold;text-decoration:none;} #productsRelated a:hover{text-decoration:none;} #productsRelated .price, #productsRelated .noPrice{padding:6px 0 0;color:#288936;} #productsRelated .price strong{padding:0 2px 0 5px;font-weight:bold;} #productsRelated .price em{padding:0;background:inherit;font-style:normal;} #productsRelated .price span{font-weight:bold;padding-left:5px;} @media print{ #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong{font-weight:normal;} #productsRelated{float:none;width:17.2cm;padding:0;margin:0;} } @media screen and (max-width:650px){ #productsRelated .price em{display:none;} } @media screen and (max-width:360px){ #productsRelated li{width:98%;} #productsRelated .price em{display:initial;} } #prevNext{list-style:none;height:25px;font-size:1.1em;margin:0 5px;} #prevNext a{font-weight:bold;} #prevNext .prev{float:left;} #prevNext .next{float:right;} #product #box #attributes{max-width:230px;margin:0 0 10px;} * html #product #box #attributes{width:230px;} #product #box #attributesLabel{display:none;} .attribute{padding:20px;border:1px solid #bebebe;margin:0 50px 20px;background:#efefef;} .attribute h3{font-size:1.2em;font-weight:bold;} #product #box dl#attributesSelects{text-align:left;margin:0 10px 10px;border:1px solid #bebebe;padding:0 2px 5px 10px;} #product #box dl#attributesSelects dd{padding:0 0 5px;margin:0;} #product #box dl#attributesSelects dt{padding:5px 0 2px;margin:0;} #product #box dl#attributesSelects select{width:210px;} @media screen and (max-width:410px){ #product #box{width:95%;} } /* ADVANCED SEARCH */ #searchFormAdvanced{margin:0 0%;padding:0px 0 0;text-align:right;width:100%;} #searchFormAdvanced .input{width:100%;} #searchFormAdvanced .phrase label, #searchFormAdvanced .producer label{display:none;} #searchFormAdvanced select{width:100%;font-size:1em;} #searchFormAdvanced .hide, #searchFormAdvanced legend{display:none;} #searchFormAdvanced div{padding:0px 0;} #searchFormAdvanced .prices {display:none;} #searchFormAdvanced .prices .input{width:42px;margin:0 0 0 4px;} #searchFormAdvanced .prices label{padding-left:4px;} #searchFormAdvanced .submit{} #searchFormAdvanced .phrase {float: left;display: inline-block;width:calc(100% - 84px);} #searchFormAdvanced span {float:right;display:inline-block;} * html #searchFormAdvanced .submit{} @media screen and (max-width:860px){ #searchFormAdvanced{width:88%;} #searchFormAdvanced .input{width: 100%;} #searchFormAdvanced .prices label{width:50%;padding-left:25%;} #searchFormAdvanced .submit{margin-left:30%;} } @media screen and (max-width:481px){ #searchFormAdvanced .prices label{padding-left:4px;} } /* ASK ABOUT PRODUCT */ #product #askAboutProduct{font-size:0.917em;} #product #askAboutProduct:hover{background:none;} @media print{ #askAboutProduct{display:none;} } /*PACZKOMATY*/ @media screen and (max-width:500px){ .class_inpost_machines_dropdown{max-width:240px;} } #products li .price ins{padding-right:5px;text-decoration:none;font-weight:bold;} #products li .price ins em{padding-right:8px;background:inherit;color:#288936;text-decoration:line-through;font-size:1.13em !important;} #product #box #price .priceOld{padding-bottom:3px;background:inherit;font-size:0.7em;} #product #box #price .priceOld em{background:inherit;padding-right:5px;} #product #box #price .priceOld #priceOldValue{text-decoration:line-through;} #siteMap li ins{text-decoration:none;font-weight:bold;} #siteMap li ins em{padding-right:5px;background:inherit;text-decoration:line-through;font-style:normal;} #promoted li .price ins{text-decoration:none;font-weight:bold;padding-left:5px;} #promoted li .price ins em{padding-right:5px;background:inherit;color:#288936;text-decoration:line-through;font-style:normal;} @media screen and (max-width:660px){ #products li .price{font-size: 0.85em;} } @media screen and (max-width:570px){ #products li .price{font-size: 0.75em;} } @media screen and (max-width:481px){ #products li .price{font-size:0.85em;} } .noticesAccepts{text-align:left;padding:0px;margin:0px;} .noticeToAccept{padding-bottom:10px;} .noticeToAccept span{margin-left:4px;} #profile .noticeToAccept{padding-bottom:18px;} #newsletter .noticeToAccept{padding:6px 0;color: #288936;} #newsletter .noticeToAccept label{display:inline;} #newsletter .input{width:100%;} #newsletter label{display:none;} #newsletter fieldset{padding:0;margin:0;} #newsletter .type{margin-top:0;} #newsletter p{text-align:right;margin-top:5px;} #newsletterAccept th{text-align:left;} /* SUBPAGES LIST - NEWS */ #content .subpagesList li h6{padding:0 0 5px;font-weight:bold;font-size:1em;} #page h6.date{position:absolute;top:-5px;right:0px;padding:2px 0;font-size:1em;font-weight:normal;} *:first-child+html #page h6.date{top:-5px;} /* IE 7 hack */ * html #page h6.date{top:-5px;} /* IE 6 hack */ #basket .image img{padding:1px;background:#fff;border:2px solid #c9cdce;} #basket .image a:hover img{border:2px solid #a4aaac;} #basket tbody td, #basket tbody th{vertical-align:middle;} @media screen and (max-width:481px){ #basket .image{display:none;} } #page .googlemap iframe{width:100%;height:350px;margin:0;padding:0;border:1px solid #014973;} #download{width:100%;background:#e0e0e0;font-size:1em;margin:15px 0 5px;-webkit-box-shadow:0 8px 5px -5px rgba(0,0,0,.15);box-shadow:0 8px 5px -5px rgba(0,0,0,.15);} #download td{padding:5px;} #download .ico{padding:5px 0;text-align:center;width:30px;} #download .date-file{width:120px;} #download thead td{background:#f0f0f0;} #download tbody td{background:#fff;} #download tbody p{padding-top:2px;color:#01133b;} @media screen and (max-width:360px){ #download{font-size:0.875em;word-wrap: break-word;} } .infoDiscount{color:#01133b;background:inherit;font-size: 0.9em;padding-bottom:5px;text-align:center;} #order #deliveryAddress{padding:11px 3%;border-top:2px solid #e0e0e0;border-bottom:2px solid #e0e0e0;background:url('img/body.png');color:#288936;} #order #deliveryAddress label{display:block;font-weight:normal;padding:2px 0;} #order #deliveryAddress .input{width:45%;margin:0 0 5px;} #order #ceneoAccept label{font-weight:normal;font-size:0.917em;} /* SCROLL BACK TO TOP */ #backToTop{position:fixed;bottom:30px;right:0;z-index: 10001;} #backToTop a{display:block;width:50px;text-align:center;color:#288936;text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.6;} #backToTop div.head{color:#288936;font-size:20px;transition:1s;font-weight:normal;} #backToTop a:hover, #backToTop a:hover div.head{opacity:1;color:#288936;text-decoration:none;} #backToTop a:before{content:'';display:block;width:50px;height:50px;margin-bottom:7px;background:#288936 url('img/back_to_top.png') no-repeat center center;border-radius:0%;transition:1s;} #backToTop a:hover:before{background-color:#288936;} /* */ #top-page {background: #FFFFFF;float:left;width:100%;} #top-page-first {float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;} /* */ #head4{width: 40%;float: right;padding: 15px 0px 15px 25px;;box-sizing: border-box;} #top-banners {float: left;width: 100%;overflow: hidden;} #page-top-right {float: right;width:70%;} /* */ #phone-free {float:right;margin: 0 0px 15px 0;display: flex;} #phone-free .dostawa {float:left;font-size: 1.25em;font-weight: 400;color: #272727;text-align: left;width:200px;margin-right:50px;} #phone-free .dostawa span {clear: left;float: left;width: 100%;font-size: 0.73em;} #phone-free .dostawa i {color: #288936;font-size: 28px;margin-right:10px;} #phone-free .telefon {float:left;font-size: 1.25em;font-weight: 400;color: #272727;text-align: right;width:130px;} #phone-free .telefon span {clear: left;float: left;width: 100%;font-size: 0.85em;} #phone-free .telefon i {color: #288936;font-size: 28px;margin-right:10px;} /* */ .container22 {float:left;width:100%;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;} #newsletterBox {width: 100%;order: 0;margin: 0px 0 50px 0;padding: 25px;border:1px solid #288936;display: flex;justify-content: space-between;align-items: center;} #foot-menu-1 {order: 2;width:20%;} #foot-menu-2 {order: 5;width:20%;} #foot-menu-3 {order: 3;width:20%;} #foot-menu-4 {order: 4;width:20%;} #foot-menu-5 {order: 6;width:20%;} #foot-menu-1 {text-align: left;} /* */ #menu10 {margin-left:0px;} #menu10 .type {color: #288936;font-size: 1.25em;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;text-align: left;} #menu10 ul{padding:15px 0;list-style:none;float:left;} #menu10 li{clear: left;float: left;padding: 0px 0;} #menu10 a{color: #288936;cursor: pointer;display: block;float: left;font-size: 16px;margin-bottom: 0px;font-weight:400;} #menu10 a:hover, #menu10 .sub1 a:hover{color: #000000;text-decoration:none;} #menu11 {margin-left:0px;} #menu11 .type {color: #288936;font-size: 1.25em;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;text-align: left;} #menu11 ul{padding:15px 0;list-style:none;float:left;} #menu11 li{clear: left;float: left;padding: 0px 0;} #menu11 a{color: #288936;cursor: pointer;display: block;float: left;font-size: 16px;margin-bottom: 0px;font-weight:400;} #menu11 a:hover, #menu11 .sub1 a:hover{color: #000000;text-decoration:none;} #menu12 {margin-left:0px;} #menu12 .type {color: #288936;font-size: 1.25em;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;text-align: left;} #menu12 ul{padding:15px 0;list-style:none;float:left;} #menu12 li{clear: left;float: left;padding: 0px 0;} #menu12 a{color: #288936;cursor: pointer;display: block;float: left;font-size: 16px;margin-bottom: 0px;font-weight:400;} #menu12 a:hover, #menu12 .sub1 a:hover{color: #000000;text-decoration:none;} #menu13 {margin-left:0px;} #menu13 .type {color: #288936;font-size: 1.25em;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;text-align: left;} #menu13 ul{padding:15px 0;list-style:none;float:left;} #menu13 li{clear: left;float: left;padding: 0px 0;} #menu13 a{color: #288936;cursor: pointer;display: block;float: left;font-size: 16px;margin-bottom: 0px;font-weight:400;} #menu13 a:hover, #menu13 .sub1 a:hover{color: #000000;text-decoration:none;} /* */ #foot-menu-2 legend{color: #288936;font-size:1.25em;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:left} #foot-menu-2 #box1 .content{padding:5px 0 15px} #foot-menu-3 legend{color: #288936;font-size:20px;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:left} #foot-menu-3 #box1 .content{padding:5px 0 15px} #foot-menu-4 legend{color: #288936;font-size:20px;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:left} #foot-menu-4 #box1 .content{padding:5px 0 15px} #foot-menu-5 legend{color: #288936;font-size: 1.25em;font-weight:400;letter-spacing:1px;text-transform:uppercase;text-align:left} #foot-menu-5 #box1 .content{padding:5px 0 15px} #foot-menu-5 #socialImg {float: left;margin: 15px 0;} #foot-menu-5 #socialImg a {font-size: 1.95em;margin-right: 5px;} /* */ #newsletter {width: 50%;} #newsletter legend{color: #288936;font-size: 2em;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;margin-bottom: 10px;text-align: left;} #newsletter .content {margin-top:5px;} #newsletter .submit {} #newsletter label{display:none;} #newsletterEmail {float: left;width: 100%;box-sizing: border-box;padding: 6px 15px 7px 15px;} #spolecznosc {float:left;width:100%;margin:0px 0 15px 0;text-align: left;} #spolecznosc legend{color: #288936;font-size: 1.25em;font-weight: 400;letter-spacing: 1px;text-transform: uppercase;margin:20px 0 5px 0;} /* */ #basket_all {float: left;width: 100%;margin: 5px auto;padding: 0 15px;box-sizing: border-box;} #more {float: right;width: 40%;display: inline-block;background-color: #F3F3F3;} #more a{float: left;width: 100%;text-align: center;color: #000;padding: 10px 5px;font-weight: bold;} #more a:hover {color: #000;} #more:hover {background-color: #C8C7C7;} #more:hover a{color: #000;} /* */ #content #subList7 {width: 100%;float: left;margin:15px 0 0px 0; display: flex;flex-direction: row; flex-wrap: wrap;justify-content: space-between;list-style: none;padding: 0px 0 0 0;} #content #subList7 li {margin: 0px 30px 30px 0;width: calc(1/3*100% - (1 - 1/3)*30px);padding: 0px;box-sizing: border-box;text-align:center;transition: 0.5s ALL;} #content #subList7 li:nth-child(3n) {margin-right: 0;} #content #subList7::after {content: '';flex: auto;} #content #subList7 li .photo{float:left;margin:0 0px 0px 0;position: relative;overflow: hidden;} #content #subList7 li .photo img {max-width: 100%;float: left;transition: all 0.5s;} #content #subList7 li:hover .photo img {opacity: 0.75;transition: all 0.5s;transform: scale(1.15);transition: all 0.5s ease;} #content #subList7 li h2{padding-bottom:0px;float:left;width:100%;position: relative;background: #000;} #content #subList7 li h2 a{color: #FFFFFF;font-size:18px;font-weight:600;background:none;box-sizing: border-box;margin:0 auto;padding: 15px;float: left;width: 100%;text-align: center;} #content #subList7 li h2 a:hover{color:#FFFFFF;background:none;} #content #subList7 li div.description{font-weight:normal;font-size:1em;line-height:1.4em;display:none;} #content #subList7 li ul, #content #subList7 li ol{float:left;width:100%;margin:5px 0 0 30px;padding:0;} #content #subList7 li li{padding:0;border-bottom:0;background:none;-webkit-box-shadow:none;box-shadow:none;} #content #subList7 li ul{list-style:disc;} #content #subList7 li ol{list-style:decimal;} #content #subList7 li p{padding-bottom:10px;} /* */ #bottom-container {float: left;width: 100%;margin:15px 0 50px 0;position: relative;} #bottom-container .bottom-inner {display: flex;width:1180px;margin: 0 auto; } #bottom-container .bottom-inner #box_01-bottom {flex-wrap: nowrap;width: 48%;margin-right: 2%;padding: 25px;box-sizing: border-box;} #bottom-container .bottom-inner #box_02-bottom {flex-wrap: nowrap;width: 48%;margin-left: 2%;padding: 25px;box-sizing: border-box;} #bottom-container .bottom-inner #box_02-bottom iframe {width:100%;} #bottom-container .bottom-inner #box_02-bottom legend {font-size: 27px;color: #FFFFFF;position: relative;padding: 26px 29px 24px 70px;background: #288936;text-align: left;width: 100%;box-sizing: border-box;} #bottom-container .bottom-inner #box_01-bottom legend {font-size: 27px;color: #FFFFFF;position: relative;padding: 26px 29px 24px 70px;background: #288936;text-align: left;width: 100%;box-sizing: border-box;} #bottom-container .bottom-inner #box_01-bottom .box {float: left;width: 100%;padding: 25px 0;} #bottom-container .bottom-inner #box_02-bottom legend::before{content: '';background:url('img/nowosc-ico.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} #bottom-container .bottom-inner #box_01-bottom legend::before{content: '';background:url('img/nowosc-ico2.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} .sidr-inner li{position:relative;} .sidr-inner li .more{position:absolute;right:15px;top:15px;width:20px;height:20px;padding:5 10px;border-radius:0px;cursor:pointer;background:url('img/ico_plus.png') no-repeat center center !important;} .sidr-inner li .more.active{background:url('img/ico_minus.png') no-repeat center center !important;} #hamburger-menu{display:none;} .sidr-class-type{display:none !important;} @media screen and (max-width:1100px){ #hamburger-menu{display:block;} .sidr-class-lBasket {display:none !important;} #menu2 ul li {display: none;} #menu2 ul li.lBasket {display: inline-block;float: left;} } /* */ .sklep-tel {float:left;display:none;position: relative;color: #288936;cursor: pointer;font-size:1.25em;overflow: hidden;border: 0;padding: 12px 15px 0 0px;font-weight: bold;} .sklep-tel:hover {cursor: pointer;color: #272727;} #seach_mobile {float:left;display:none;position: relative;color: #288936;cursor: pointer;font-size:1.25em;overflow: hidden;border: 0;padding: 12px 15px 0 15px;font-weight: bold;text-transform: uppercase;} #seach_mobile i {padding-right:5px;} #login_mobile {display:none;float:left;position: relative;color: #288936;cursor: pointer;font-size:1.25em;overflow: hidden;border: 0;padding: 12px 15px 0 15px;} #login_mobile:hover{cursor:pointer;color: #272727;} #seach_mobile:hover {cursor: pointer;color: #272727;} /* */ #wyszukiwarka {width: 1180px;text-align: center;margin:0 auto;} #wyszukiwarka #wrap{margin: 10px 5% 50px 5%;display:inline-block;position:relative;float:right;padding:0;position:relative;width:90%;box-sizing:border-box;} #wyszukiwarka input[type="text"]{height:60px;font-size:32px;display:inline-block;font-weight:400;border:none;outline:none;color: #FFFFFF;padding:10px;padding-right:60px;width:0px;position:absolute;top:0;right:0;background:none;z-index:3;transition:width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);cursor:pointer;width:100%;z-index:1;border-bottom:1px solid #FFFFFF;cursor:text;box-sizing:border-box;} #wyszukiwarka input[type="submit"]{height:67px;width:63px;display:inline-block;color:red;float:right;background:url('img/indeks.png') center center no-repeat;text-indent:-10000px;border:none;position:absolute;top:0;right:0;z-index:2;cursor:pointer;opacity:0.4;cursor:pointer;transition:opacity .4s ease;} #wyszukiwarka input[type="submit"]:hover{opacity:0.8;} /* */ #head7 {float: left;width: 100%;text-align: center;background:#288936;display: none;} #head7 .container{} .pola_logowania_inner {float: left;width: 100%;padding: 10px;} .pola_logowania_inner a {padding: 5px; font-size: 16px;color: #FFFFFF;} .pola_logowania_inner a:hover {color: #000000;} /* */ #head6 {float: left;width: 100%;text-align: center;background:#288936;display: none;} #head6 .container{} /* */ #head5 {float: right;width: 100%;padding: 10px 15px;display:none;} #head5 .container {float:right;} .productField {float: left;width: 100%;margin:5px;text-align: left;padding: 0 10px;color: #288936;} .productField strong {color: #288936;margin-left: 10px;} /* */ .boxLeftNewsletter {width: 50%;display: flex;justify-content: space-between;align-items: center;flex-direction: column;} .boxLeftNewsletter img {max-width: 100%;float: left;margin: 0 auto 25px 0;} .textInNewsletter {width: 100%;float: right;margin-left:0%;text-align: left;} .boxLeftNewsletter p {color: #288936;font-size: 1.35em;} /* */ #foot-menu-2 a {color: #288936;font-weight: 300;} #foot-menu-2 i {margin-right: 5px;} /* */ #head3.stuckMenu.contentFixed2.isStuck {position: fixed;top: 0px;width: 1920px;margin: 0 auto;left: 0;right: 0;z-index:10001;} /* */ #boxPromotedContainer {width: 1780px;margin: 0 auto;} /* */ #startNewsSlider {margin:50px auto 50px auto;padding: 0px 15px;width: 1180px;display: inline-block;position: relative;z-index: 1020;} #startNewsSlider .slick-slide {padding: 0 15px;} #startNewsSlider h2 {display: block !important;text-align: left;font-weight: 400;font-size: 1.85em;} #startNewsSlider h6 {display: block !important;text-align: left;padding: 5px 0;} #startNewsSlider .photo {max-width: 150px;float: left;margin: 0 25px 15px 0;} #startNewsSlider .slick-prev, #startNewsSlider .slick-next {top: -60px;} #startNewsSlider .description {font-size: 1.25em;line-height: 1.5em;} /* */ #foot {position: relative;z-index: 1;} #foot .bg-repeat {position: absolute;top: 0;left: 0;width: 100%;} #foot .bg-repeat img {opacity: 0.1;float: left;} #foot .bg-repeat2 {position: absolute;bottom: 0;left: 0;width: 100%;} #foot .bg-repeat2 img {opacity: 0.1;float: left;} #foot::after{content: '';background:url('img/stopka-1.png');position: absolute;top: 50%;left: 5%;width:277px;height: 277px;opacity: 0.10;transform: translateY(-50%);display: none;} #foot::before{content: '';background:url('img/stopka-2.png');position: absolute;top: 50%;right: 50%;width:274px;height: 273px;opacity: 0.10;transform: translate(-50%, -50%);} /**/ #box4 img {float: left;border: 1px solid #01133b;padding: 5px;} #box4 img:hover {opacity: 0.75;transition: all 0.5s;} .bottom-bar { width: 100%; } .bottom-bar > img { width: 100%; } /* */ #boxNewsContainer {width: 1780px;margin: 0 auto;background: transparent;display: inline-block;overflow: hidden;position: relative;z-index: 1;} /* */ #startNewsSlider .title {margin:0px 0px 35px 0;padding:15px 10px 15px 70px;color:#288936;font-size:2.25em;font-weight:normal;box-sizing: border-box;float:left;width:100%;text-align: left;border-bottom: 1px solid #f3f3f3;position: relative;} #startNewsSlider .title::before{content: '';background:url('img/wyroznione-ico.png');position: absolute;top: 50%;left: 10px;width:50px;height: 49px;opacity: 1;transform: translateY(-50%);} /* */ .lineBox {float: left;width: 100%;text-align: center;position: relative;} .lineBox::before {content: '';width: 80%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;background: #288936;} .lineBox img {display: inline-block;border: 5px solid #FFFFFF;} /* */ .lineBox2 {float: left;width: 100%;text-align: center;position: relative;margin: 15px 0 0 0;} .lineBox2::before {content: '';width: 80%;height: 1px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;background: #288936;} .lineBox2 img {display: inline-block;border: 5px solid #FFFFFF;} /* */ #boxNewsContainer #subList4 {width: 100%;float: left;margin:0px 0; display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;list-style: none;padding: 50px 150px;box-sizing: border-box;} #boxNewsContainer #subList4 li {margin: 0px 30px 30px 0;width: calc(1/3*100% - (1 - 1/3)*30px);padding: 15px;box-sizing: border-box;text-align: center;transition: 0.5s ALL;} #boxNewsContainer #subList4 li:nth-child(3n) {margin-right: 0;} #boxNewsContainer #subList4::after {content: '';flex: auto;} #boxNewsContainer #subList4 li .photo {margin:0 0 10px 0;} #boxNewsContainer #subList4 li h6 {margin-bottom: 10px;color:#999999;display: none;} #boxNewsContainer #subList4 li #more {margin-top:15px;} #boxNewsContainer #subList4 li #more a{padding:5px 15px;border-width:1px;border-style:solid;border-color:#eaeaea;background:#FFFFFF;color:#676767;font-weight:400;font-size:1em;font-family: 'Roboto', sans-serif;} #boxNewsContainer #subList4 li #more a:hover{background:#FFFFFF;cursor:pointer;color:#000000;} #boxNewsContainer #subList4 li .description {text-align: left;} #boxNewsContainer #subList4 li h2 {float: left;width: 100%;text-align: left;margin: 5px 0 5px 0;} #boxNewsContainer #subList4 li img {max-width: 100%;} /* */ .before-newsletter_info {} .home-top-icons, .icons-info { padding: 50px; max-width: 100%; width: 100%; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; flex-wrap: wrap; margin-bottom: 40px; padding-top: 30px; padding-bottom: 30px; } .icons-info { margin-bottom: 0px; padding-bottom: 0px; } .home-top-icons>.icon-item, .icons-info>.icon-item { width: 20%; display: flex; display: -webkit-flex; display: -ms-flexbox; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; text-align: left; } .home-top-icons>.icon-item:nth-of-type(4), .icons-info>.icon-item:nth-of-type(4) { padding-left: 0px; } .home-top-icons>.icon-item>span.txt, .icons-info>.icon-item>span.txt { color: #000; font-family: Open Sans; margin-left: 20px; font-size: 18px; line-height: 24px; font-weight: 300; max-width: 230px; font-weight: 400; } /* */ #products li .photo img.secondImage{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-height: 100%;} .lazy .photo img.secondImage{display:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-height: 100%;} textarea:focus, input:focus{ outline: none; } /* RESPONSIVE WEB DESIGN - media queries */ @media screen and (min-width:1921px){ body {width: 1920px;margin: 0 auto !Important;} } @media screen and (max-width:1920px){ #head3.stuckMenu.contentFixed2.isStuck {width: 100%;} } @media screen and (max-width:1820px){ #body .container {width: 100%;padding: 0 15px;} #boxPromotedContainer {width: 100%;padding: 0 15px;} #boxNewsContainer {width: 100%;} } @media screen and (max-width:180px){ .info-boxes-list { justify-content: center; } } @media screen and (max-width:1620px){ .home-top-icons > .icon-item, .icons-info > .icon-item {flex-direction: column;text-align: center;} .home-top-icons > .icon-item > span.txt, .icons-info > .icon-item > span.txt {margin: 5px auto;} } @media screen and (max-width:1200px){ #body .container,#foot .container,#head1 .container,#head2 .container{width:95%} #head3 .container,#header{width:100%} #column{width:30%;padding:10px 0} #column .type{padding:3px 10px;background:#474747;text-shadow:none} #column .box{margin:0 0 15px} #column .box .type{background:#6b6b6a} .top_name_center h1{padding:50px 25px} .breadcrumb{top:65%} #wyszukiwarka{width:100%} #basket #orderedProducts table{font-size:2vw} #phone-free{margin:0 35px 15px 0} #head4 {padding: 15px 35px 15px 25px;} .quick-slider-nav-arrows {display:none !Important;} #bottom-container .bottom-inner {width:100%;} #head2 {padding: 0 0 0 25px;} #boxPromotedContainer {width: 100%;} #products .list li{float:left;width:23%;margin:1%;} #products .list li:nth-child(5n+1){clear:none;} #products .list li:nth-child(4n+1){clear:left} #foot::before{display: none;} #boxNewsContainer{width:96%} #head3 .container {display: flex;justify-content: space-between;align-items: center;} #menu2 ul li.lBasket {float: right;padding: 18px 0;} #hamburger-menu {left: 0;right: auto;} #startNewsSlider{width:100%} #boxNewsContainer #subList4 {padding: 50px 25px;} } @media screen and (max-width:1080px){ .home-top-icons > .icon-item, .icons-info > .icon-item {width: 31.333%;margin: 1% 1% 2% 1%;} #products .list li{width:31.333%} #products .list li:nth-child(4n+1){clear:none} #products .list li:nth-child(3n+1){clear:left} } @media screen and (max-width:880px){ #head5{display:block} #login_mobile,#seach_mobile{display:inline-block} #head1,#head4{display:none} #phone-free{margin:0 10px 15px 0} #head3{border-top:1px solid #fff;position:relative} } @media screen and (max-width:801px){ body .content-slider.quick-slider {height: 242px;} } @media screen and (max-width:800px){ #boxNewsContainer #subList4 {padding: 50px 15px;} #boxNewsContainer #subList4 li {margin: 0px 0px 30px 0;width: 100%;padding: 15px;} #content #subList7 li {margin: 0px 20px 20px 0;width: calc(1/2*100% - (1 - 1/2)*20px);} #content #subList7 li:nth-child(3n) {margin-right: 20px;} #content #subList7 li:nth-child(2n) {margin-right: 0;} img{max-width:100%} #sideTab{display:none} .breadcrumb{display:none} .top_name_center h1{font-size:3vw;padding:15px 15px;width:90%} #top_name{height:118px} #top_name img{max-width:initial;height:118px} #seach_mobile span,.sklep-tel span{display:none} #products .list li{width:48%} #products .list li:nth-child(3n+1){clear:none} #products .list li:nth-child(2n+1){clear:left} #productsRelated li{width:48%;margin:1%} #productsRelated li:nth-child(4n+1){clear:none} #productsRelated li:nth-child(2n+1){clear:left} #basket #orderedProducts table{font-size:2vw} #page2 #contactPanel,#page2 #pageDescription,#s-email,#s-name,#s-phone,#s-topic{width:100%} #page #imagesList1,#page #imagesList2{width:50%} #copy,#powered{width:100%;text-align:center;padding:0 25px;box-sizing:border-box} #foot-menu-1 {width: 33.333%;} #foot-menu-2 {width: 33.333%;} #foot-menu-3 {width: 33.333%;} #foot-menu-4 {width: 33.333%;} #foot-menu-5 {width: 33.333%;} #foot::after{display: none;} } @media screen and (max-width:740px){ #phone-free .dostawa{display:none} .boxLeftNewsletter {width: 100%;margin-bottom: 20px;} #newsletter {width: 100%;} #newsletterBox {flex-direction: column;} } @media screen and (max-width:640px){ #logo {text-align: center; } #bottom-container .bottom-inner #box_01-bottom, #bottom-container .bottom-inner #box_02-bottom {width:96%;margin:1% 2%;float:left;} #bottom-container .bottom-inner {display:block;} #top-banners {display:none;} #body.basket-page #column{display:none} #body.basket-page #content{width:100%} #order #vrn{float:none;width:90%} #order #invoice{float:left;height:auto;margin-left:0;padding:0 0 7px;text-align:left} #subpagesGallery td,#subpagesGallery th{float:left;width:100%!important} #foot-menu-3{float:left;width:100%} #foot-menu-4{float:left;width:100%} #foot-menu-1{float:left;width:100%} #foot-menu-2{float:left;width:100%} #foot-menu-5{float:left;width:100%} #wyszukiwarka input[type=submit]{height:27px;width:27px;display:inline-block;color:red;float:right;background:url(img/indeks2.png) center center no-repeat;text-indent:-10000px;border:none;position:absolute;top:0;right:0;z-index:2;cursor:pointer;opacity:.4;cursor:pointer;transition:opacity .4s ease} #wyszukiwarka input[type=text]{height:30px;font-size:12px;display:inline-block;font-weight:400;border:none;outline:0;color:#FFFFFF;padding:10px;padding-right:60px;width:0;position:absolute;top:0;right:0;background:0 0;z-index:3;transition:width .4s cubic-bezier(0,.795,0,1);cursor:pointer;width:100%;z-index:1;border-bottom:1px solid #FFFFFF;cursor:text;box-sizing:border-box} #wyszukiwarka #wrap{margin:10px 5% 10px 5%} #menu1 li.lBasket a{text-indent:-999px;text-align:left;overflow:hidden;display:inline-block;width:35px;right:0;position:absolute;padding:2px 5px} #menu1 li{display:none} #menu1 li.lBasket{display:inline-block} #login_mobile{display:inline-block} #log-reg{float:left;width:100%} #log{float:left;width:100%;border-bottom:1px solid #cecece;border-right:0 solid #cecece} #box_img_products{width:100%} #features,#product #box{width:100%} #product #box #addBasket,#product #box #noPrice,#product #box #price{text-align:center} #product #box #addBasket .submit{float:none} #content .imagesList{text-align:center} .imagesList#imagesListPreview li{float:none;display:inline-block} #phone-free{display:none} #login_mobile,#seach_mobile,.sklep-tel{display:block;float:right;width:100%} #head5{padding:0 15px 15px 0;text-align:right} #header{top:0} #product #box,#product #box #available{text-align:center} #logo {padding: 15px;} #logo img {max-width: 200px;} .home-top-icons > .icon-item, .icons-info > .icon-item {width: 48%;} .home-top-icons > .icon-item > span.txt, .icons-info > .icon-item > span.txt {font-size: 10px;line-height: 14px;} #logo #slogan {font-size: 1.05em;} #head3 {bottom: -15px;} .before-newsletter_info {display: none;} #promoted .title {font-size: 1.65em;} #seach_mobile i {padding-right: 0px !important;} } @media screen and (max-width:481px){ #content #subList7 li {margin: 0px 0px 20px 0;width: 100%;} #content #subList7 li:nth-child(3n) {margin-right: 0px;} #content #subList7 li:nth-child(2n) {margin-right: 0;} #content .imagesGallery th, #content .imagesGallery td {float:left;width:100% !important;box-sizing: border-box;} #productsRelated li{width:98%;margin:1%} .top_name_center h1{font-size:5vw} a.zagielInfo{display:block;margin:4px 0 8px} #comments div,#comments p{width:100%} #orderedProducts .del{overflow:hidden;width:16px;padding:0;vertical-align:center;font-size:1px;line-height:1px} #orderedProducts .del a{display:inline-block;width:16px;height:16px;font-size:0;line-height:1px;color:transparent;background:url(img/close.png) no-repeat 0 0;text-decoration:none} #orderedProducts .del a:hover{color:transparent;background:url(img/close.png) no-repeat 0 -16px} #page{padding:0 5px} #basket #orderedProducts table{font-size:3vw} .submit{font-size:3vw;padding:5px} #content .subpagesList li .photo{width:50%} } @media screen and (max-width:360px){ #orderedProducts td{padding:2px} #orderedProducts #recount td{padding:2px 0} #orderedProducts #recount .submit{font-size:.83em} #orderedProducts thead .name{padding-left:7px} #orderedProducts thead .price span{display:none} #orderedProducts tbody .quantity input{width:25px} #order #personalData #setBasic,#order #personalData #setExtend{width:100%} #order #personalData #oComment{height:80px} } #pageDescription .h2 {padding: 10px 0px;}