/*
Quick.Cart.Ext default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design
*/
/* Layout variables */
:root {
  --color-primary: #cc0000;
  --color-secondary: #000000;
  --color-dark: #333333;
  --color-white: #ffffff;
  --color-grey: #F2F2F2;
  --color-gray: #5E5E5E;
  --color-bright: #fbfbfb;
  --color-text: #000000;
  --color-alert: #cc0000;
}
/* GLOBAL STYLES */
html, body, img, div, a, table {image-rendering:-webkit-optimize-contrast !important;}
body, body *{margin:0;padding:0;border:0;}
body,table{color:var(--color-dark);font-size:1em;font-family:'Open Sans', 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;}

body{padding:0;background:var(--color-dark);text-align:center;}
img{max-width:100%;}

*:focus{outline:0;box-shadow:none;}
b, strong{font-weight:700;}

.input, select, textarea{padding:.5rem;border-width:1px;border-style:solid;border-color:var(--color-dark);border-radius:5px;font-size:0.938em;font-family:Arial;}
@media screen and (max-width:640px){ .input, select, textarea{padding:.5rem;font-size:0.750em;margin-bottom:10px;} }
.input.warning-required, select.warning-required, textarea.warning-required{border-color:var(--color-alert);}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}
.submit{padding:.5em 1em .6em;border:0;background:var(--color-secondary);color:var(--color-white);font-weight:400;font-size:1em;border-radius:5px;}
.submit:hover{background:var(--color-primary);cursor:pointer;}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */
.form{background:transparent;}
.form label{font-size:1em;color:var(--color-secondary);font-weight:400;}
@media screen and (max-width:640px){ .form label{font-size:1em;} }
.form legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
.form label span{padding-left:10px;color:var(--color-dark);font-weight:400;text-shadow:none;}
.hide{display:none;}
strong, b{font-weight:700;}
*:focus{outline:0;box-shadow:none;}

a{color:var(--color-primary);text-decoration:underline;outline:none;}
a:hover{color:var(--color-secondary);}

.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:#fff;}
#skiplinks a:focus{top:0;background:#000;color:#fff;}

#container{position:relative;width:100%;margin:0 auto;padding:0 0 50px;overflow:hidden;}
#container:after{content:"";display:table;clear:both;}
#header{background:var(--color-white);}
#body, #foot{float:left;width:100%;margin:0 auto;padding:0;}
#head3 .container, #body .container, #foot .container, #before_footer .container{max-width:1440px;width:85%;margin:0 auto;text-align:left;}
#head2 .container, #head3 .container, #body .container{border:0;}

/* HEADER WITH TOP MENU ABOVE LOGO */
#head1{max-width:1440px;width:85%;margin:0 auto;text-align:left;}
#head1 .container{float:right;overflow:hidden;}
* html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */

/* MENU TOP 1 */
#menu1{padding:1rem 0 0;}
#menu1 ul{float:right;margin:0;list-style:none;}
#menu1 li{float:left;padding:1em;}
#menu1 li a{padding:0;font-weight:400;font-size:1.063rem;text-decoration:none;color:var(--color-text);}
#menu1 li a:hover, #menu1 .selected a, #menu1 .selected-parent a{text-decoration:underline;color:var(--color-text);}

#menu1 li.lBasket{padding:.5em 1em;}
#menu1 li.lBasket:before{content:"";display:block;float:left;width:24px;height:24px;margin:0 5px 0 0;background:url('img/cart.svg') no-repeat center center;}
#menu1 li.lBasket a{position:relative;padding:0;background:none;color:var(--color-text);}
#menu1 li.lBasket a:hover{color:var(--color-text);}
#menu1 li.lBasket span{display:block;color:var(--color-text);font-size:0.875rem;font-family:sans-serif;}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{max-width:1440px;width:85%;margin:0 auto;text-align:left;}
#head2 .container{float:left;clear:left;}

#logo{width:100%;margin:0;padding:1rem;}
@media screen and (min-width:800px){
  #logo{max-width:700px;}
}
#logo #title a{position:relative;color:var(--color-text);font:700 1.125em 'Lato', sans-serif;line-height:1.5em;text-decoration:none;}
#logo #title a:hover{opacity:1;}
#logo #title a:before{content:"";display:block;float:left;width:192px;height:60px;margin:0 10px 0 0;background:url('img/logo.png') no-repeat left center;background-size: cover;border-right: solid 2px #000;}
#logo #slogan{padding:2px 0 0 4px;background:inherit;color:var(--color-text);font-weight:400;}
@media screen and (min-width:1280px){
  #logo #title a{font-size:1.25rem;}
}
@media screen and (max-width:640px){
  #logo{margin: 0 0 .5rem;}
}
* html #logo #slogan{width:100%;} /* IE 6 hack */

/* HEADER WITH TOP MENU BELOW LOGO */
#head3 {background:var(--color-white);clear:both;border-bottom: 6px solid var(--color-primary);}
#head3 .container{overflow:hidden;height:auto;display:flex;align-items:flex-start;flex-direction:column;}

/* SOCIALS ICON */
.socials{display:inline-flex;}
.socials .level{display:flex;flex-flow:row wrap;list-style:none;flex-direction:row;}
.socials li{float:left;margin:.25rem .125em 0;}
.socials li a {display:inline-block;width:32px;height:32px;text-indent:100%;white-space:nowrap;overflow:hidden;font-size:1%;color:transparent;}
.socials li a.fb {background: url(img/social_links.svg) no-repeat 0 0px;}
.socials li a:hover.fb {background-position: 0 -32px;}
.socials li a.insta {background: url(img/social_links.svg) no-repeat 0 -384px;}
.socials li a:hover.insta {background-position: 0 -416px;}

@media screen and (min-width:641px){
  #head3 .container{overflow:hidden;height:auto;display:flex;justify-content:space-between;align-items:center;flex-direction:row;}
}

/* MENU TOP 2 */
#menu2 ul{float:right;height:100%;width:100%;margin:0;list-style:none;}
#menu2 li{float:left;margin:.25em .125em;}
#menu2 li:hover, #menu2 .selected{border:0;}
#menu2 li.l1, #menu2 li.l1:hover, #menu2 li.l1.selected{border-left:none;}
#menu2 li a{display:block;padding:.4em .8em .5rem;color:#fff;font-family:'Lato', sans-serif;font-size:1.063rem;font-weight:700;text-decoration:none;transition:all 0.5s ease;border-radius:5px;background:var(--color-primary);text-decoration:none;}
#menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:var(--color-secondary);}

@media screen and (min-width:641px){ 
  #head3 .hamburger{display:none;} 
  #header nav{display:inline-flex !important;float:right;}
}
@media screen and (max-width:640px){ /* Small screens only */
  #menu2, .socials{display:none;}
  .hamburger.is-active{background:transparent;}
  .hamburger.is-active ~ #menu2{display:block;width:100%;}
  #menu2 .level{flex-flow:column wrap;}
  #menu2 a{font-size:1.063rem;;}
  #menu2 li:last-child a{border-bottom:0;}
  #menu2 a:hover, #menu2 .selected a, #menu2 .selected-parent a{color:#fff;}
  .hamburger.is-active ~ .socials{display:block;}
  .socials a:hover, .socials .selected a, .socials .selected-parent a{color:#fff;}
}

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

/* LEFT COLUMN STYLES */
#column{float:left;width:25%;padding:20px 0;}
.order #column, .home #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 6px;font-size:0.917em;font-style:normal;border:0;background:var(--color-secondary) url('img/button_bg.svg') no-repeat right bottom;border-top:2px solid #faf9f9;}
#searchForm .submit:hover{background-color:var(--color-primary);}
*: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:.8em 0 .4em;color:#000;font-size:1.438rem;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid var(--color-primary);}

/* LEFT MENU */
#menu3 ul{padding:10px 0;list-style:none;}
#menu3 li{margin:0;padding:2px 0 2px;}
#menu3 a{display:block;width:100%;padding:2px 0;color:var(--color-secondary);font-weight:700;text-decoration:none;background:none;font-size:1rem;}
#menu3 a:hover, #menu3 .sub1 a:hover{color:var(--color-primary);background:none;}
#menu3 .selected > a:first-child{color:var(--color-primary);background:none;}

#menu3 .sub1{margin:0;padding:0;border:0;background:none;}
#menu3 .sub1 li{padding:2px 0 2px 10px;border:0px;}
#menu3 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:400;}

#menu3 .sub2{margin:0;padding:0;border:0;background:none;}
#menu3 .sub2 li{padding:2px 0 2px 10px;border:0px;}
#menu3 .sub2 li::before{content: "›";display:block;float:left;margin-right:.5rem;line-height:1.5rem;color:var(--color-primary);font-weight: 900;}
#menu3 .sub2 a{display:block;width:100%;padding:2px 0;font-weight:400;font-size:1rem;}

/* BOXES */
#column .box{margin:0 20px 15px;}
#column .box .type{font-weight: 700;}
#column .box .content, #column .box .page-box, #column .box .product-box{padding:1em 0;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:var(--color-primary);font-size:1.083em;background:none;}
.box li a:hover{color:var(--color-grey);background:none;}
.box .price, .box .noPrice{padding:2px 0 0;background:inherit;color:var(--color-grey);}
.box .price strong{padding:0 2px 0 5px;font-weight:700;}
.box .price em{padding:0;background:inherit;color:var(--color-primary);font-style:normal;}
.box .price span{color:var(--color-primary);font-weight:700;padding-left:5px;}
.box .product-box .name{font-size:1.1em;padding:5px 0;font-weight:700;}
#column #box1 .type{background:none;}
#column #box1 .content{border-bottom:0;}
.boxes .box .type{margin:.8em 0 .4em;color:#000;font-size:1.438rem;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid var(--color-primary);}
.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 .content img, .boxes .box .page-box img, .boxes .box .product-box img{width:100%;}
.boxes .box{float:left;width:30%;padding:0;margin:0 0 5px 2%;}
#before_footer .boxes .box{float:left;width:22%;padding:0;margin:0 0 5px 2%;}
.boxes.footer .box{margin-top:10px;margin-bottom:10px;}

/* BASKET SUMMARY */
#basketSummary{padding:10px 20px;}
#basketSummary .title{margin-top:10px;padding:.5em 0 .3em;font-family:'Lato', sans-serif;font-size:1.500em;font-weight:700;color:var(--color-primary);border-bottom:3px solid var(--color-grey);}
#basketSummary .title a{color:var(--color-primary);background:none;text-decoration:none;}
#basketSummary .title a:hover{color:var(--color-secondary);}
#basketSummary ol{margin:6px 0;padding:0 5px;list-style:none;font-weight:700;}
#basketSummary li{padding:5px 3px 7px;border-bottom:1px solid var(--color-bright);}
#basketSummary .lL{border:0;}
#basketSummary li span.name{display:block;font-weight:700;font-size:0.9em;}
#basketSummary li a{color:var(--color-primary);}
#basketSummary li a:hover{color:var(--color-secondary);}
#basketSummary li div{padding:5px 0 0;font-weight:400;font-size:0.9em;}
#basketSummary li .priceQuantity{color:var(--color-secondary);background:inherit;}
#basketSummary li strong{padding:0 2px 0 5px;font-weight:700;color:var(--color-primary);}
#basketSummary li em{color:var(--color-secondary);background:inherit;font-style:normal;}
#basketSummary .summary{margin:0 5px;padding:5px;border-top:2px solid var(--color-bright);color:var(--color-secondary);text-align:center;font-weight:700;}
#basketSummary .summary em{background:inherit;color:var(--color-secondary);font-style:normal;}
#basketSummary .summary strong{padding:0 3px;font-weight:700;color:var(--color-primary);}
#basketSummary .summary span{color:var(--color-secondary);font-weight:700;}

/* PROMOTED PRODUCTS */
#promoted{margin-bottom:10px;padding:0 20px;}
#promoted .title{margin:.8em 0 .4em;color:#000;font-size:1.438rem;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid var(--color-primary);}
#promoted ul{list-style:none;padding-bottom:10px;text-align:center;}
#promoted li{padding:13px 0;border-bottom:1px solid var(--color-bright);}
#promoted li img{opacity:1;max-width:100%;}
#promoted li img:hover{transition:all 0.5s ease;}
#promoted li .name{font-size:1.1em;padding:5px 0;font-weight:700;font-family:'Lato', sans-serif;}
#promoted li a{text-decoration:none;}
#promoted li a:hover{background:inherit;color:var(--color-secondary);}
#promoted li .price, #promoted li .noPrice{padding:2px 0 0;background:inherit;color:var(--color-secondary);}
#promoted li .price strong{padding:0 2px 0 5px;font-weight:700;color: var(--color-primary);}
#promoted li .price em{padding:0;background:inherit;color:var(--color-secondary);font-style:normal;}
#promoted li .price span{color:var(--color-secondary);font-weight:700;padding-left:5px;}

/* RIGHT COLUMN STYLES */
#content{float:left;width:75%;padding:20px 0 10px;text-align:center;}
* html #content{width:65%;} /* IE 6 hack */
.order #content, .home #content{width:100%;}
#page{clear:left;position:relative;float:left;width:97%;margin:0 auto 0 21px;text-align:left;}
* html #page{float:none;width:97%;} /* IE 6 hack */
* html .order #page, .home #page{width:97%;} /* IE 6 hack */

/* PAGE TITLE */
#page h1{    margin: 1em 0 .5em;
  color: #000;
  font-size: 1.438rem;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding-left: 1rem;
  border-left: 6px solid var(--color-primary);}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:absolute;top:-5px;left:0px;padding:2px 0;font-size:1em;font-weight:400;}
#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:1rem;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;}
#page div.content h1, #page div.content h2, #page div.content h3, #page div.content h4, #page div.content h5, #page div.content h6{padding:5px 0 10px;font-family:'Lato', sans-serif;font-size:1.500em;font-weight:700;color: var(--color-primary);}

#page div.content > ul li, #page div.content > ol li, #page div.content > ol ul{margin-left:30px;} /* mod rules site list */

.tS{float:right;margin:17px 0 3px;}
.tS div{display:inline;}
.tS a{margin:0 4px;text-decoration:none;background:inherit;color:var(--color-primary);font-weight:700;font-family:Arial;}
.tS a:hover{color:var(--color-grey);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:1em;}
.pages ul, .pages li{display:inline;}
.pages li{padding:0 2px;}
.pages a, .pages strong{padding:0 1px;font-size:1em;}

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 .imagePreview img, #products li .photo img, .imagesGallery img, #subpagesGallery img, .box .page-box img, .box .product-box img, #productsRelated img{
  opacity:1;
  display: inline-block;
  width: calc(var(--size, 1) * 180px);
  height: calc(var(--size, 1) * 180px);
  object-fit: contain;
  transition:all 0.5s ease;
}
#content .imagesList li img{
  opacity:1;
  display: inline-block;
  width: calc(var(--size, 1) * 180px);
  height: calc(var(--size, 1) * auto);
  object-fit: cover;
  transition:all 0.5s ease;
}
@media screen and (min-width:1100px){
  #content .subpagesList li img, #content .imagePreview img, #products li .photo img, #subpagesGallery img, .box .page-box img, .box .product-box img, #productsRelated img{
    width: calc(var(--size, 1) * 300px);
    height: calc(var(--size, 1) * 300px);
    object-fit: contain;
  }
  .imagesGallery img{
    width: calc(var(--size, 1) * 300px);
    height: calc(var(--size, 1) * auto);
    object-fit: contain;
  }
  #content .imagesList li img{
    width: calc(var(--size, 1) * 300px);
    height: calc(var(--size, 1) * auto);
  }
}
#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{transition:all 0.5s ease;}

#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:400;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;
  display: inline-block;
  width: calc(var(--size, 1) * 75px);
  height: calc(var(--size, 1) * 75px);
  object-fit: contain;
}
@media screen and (min-width:1100px){
  .imagesList#imagesListPreview li img{
    width: calc(var(--size, 1) * 100px);
    height: calc(var(--size, 1) * 100px);
  }
}
.imagesList#imagesListPreview li img:hover{border-width:2px;}

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:1rem 0 .5rem;list-style:none;vertical-align:middle;border-left:5px solid var(--color-primary);font-size:0.9rem;}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;}
#filesList li a{color:var(--color-secondary);background:inherit;}
#filesList li a:hover{color:var(--color-primary);background:inherit;}
#filesList img{margin:0 8px 0 0;vertical-align:middle;}
#filesList em{padding-left:2px;font-style:normal;font-weight:700;}

/* 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;max-width:50vw;background-color:var(--color-white);}
#quick-box .navigation{position:absolute;bottom:0;margin:0;padding:5px 0;text-align:center;font-size:0.875em;font-weight:700;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:700;background:rgba( 0, 0, 0, 0.8 );border-bottom-left-radius:5px;border-bottom-right-radius:5px;max-height:66px;overflow:hidden;}

@media screen and (max-width:640px){
  #quick-box .image-wrapper img{max-width:80vw;}
}

#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:700;font-family:"Trebuchet MS";text-decoration:none;border:1px solid #fff;border-top:none;border-right:none;border-top-right-radius:5px;z-index:100;}
#quick-box .close:hover{opacity:0.8;}
#quick-box .close, #quick-box .prev, #quick-box .next{line-height:normal;}
#quick-box .loading{display:block;padding:40px 35px;color:white;line-height:1em;}

/* SUB PAGES LIST STYLES */
#content .subpagesList{float:left;width:100%;margin:7px 0;list-style:none;}
#content .subpagesList li{clear:left;float:left;width:95%;margin:10px 0;padding:15px 2.5%;background:var(--color-bright);border-radius:5px;transition:all 0.5s ease;}
#content .subpagesList li:hover{transition:all 0.5s ease;}
* 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;}
#content .subpagesList li h2, #content .subpagesList li h2 a{color:var(--color-secondary);font-family:'Lato', sans-serif;font-size:1.25rem;font-weight:700;background:none;padding:0 0 0.5em;line-height:1.25em;text-decoration:none;}
#content .subpagesList li h2 a:hover{color:var(--color-primary);background:none;}
#content .subpagesList li div.description{font-weight:400;font-size:1em;line-height:1.4em;}
#content .subpagesList li div.description li{background:transparent;box-shadow:none;border-radius:none;margin:0;padding:0;}
#content .subpagesList li div.description li:hover{background:transparent;box-shadow:none;border-radius:none;}
#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:.5rem 1% .5rem;text-align:center;}
#subpagesGallery h2{margin:5px 0 0;color:var(--color-secondary);}
#subpagesGallery h2, #subpagesGallery h2 a{color:var(--color-secondary);padding:0 0 0.5em;font-family:'Lato', sans-serif;font-size:1.25rem;line-height:1.25em;background:none;text-decoration: none;}
#subpagesGallery h2 a:hover{color:var(--color-primary);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 .2em;padding:.3em 1em .5em;}
#siteMap li a{font-weight:700;font-size:1rem;color:var(--color-secondary);background:none;text-decoration:none;}
#siteMap li a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
#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:400;color:var(--color-secondary);background:none;}
#siteMap ul.products li{border:0;}
#siteMap ul.products li a{color:#333;font-weight:400;text-decoration:none;}
#siteMap ul.products li{margin-left:5px;}
#siteMap li ul li a:hover, #siteMap ul.products li a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
#siteMap li .price{display:inline;font-size:0.917em;color:var(--color-grey);padding-left:5px;}
#siteMap li strong{padding:0 5px 0 7px;background-color:inherit;color:var(--color-primary);}
#siteMap li span{background-color:inherit;color:var(--color-secondary);}

/* COMMENTS */
#commentForm{clear:both;width:100%;margin:10px auto 0;}
#commentForm fieldset{padding:1em 0;}
#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:var(--color-secondary);font-weight:700;}
#commentForm .input, #commentForm textarea{width:99%;padding:3px;font-size:1em;}
#commentForm #captcha{width:9%;}
#commentForm .captcha em{font-style:normal;font-weight:700;}
#commentForm .captcha ins{padding:0 3px;font-weight:700;text-decoration:none;}
#commentForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#commentForm .save{text-align:center;}

#commentTitle{overflow:hidden;background:inherit;margin-top:.5em;padding:.5em 0 .3em;font-family:'Lato', sans-serif;font-size:1.500em;font-weight:700;color:var(--color-dark);}
#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:2px solid var(--color-grey);border-radius:5px;}
* html #comments li{width:100%;}
#comments div{float:left;width:25%;}
#comments span.name{display:block;font-size:1em;color:var(--color-secondary);font-weight:700;}
#comments span.date{display:block;font-size:1em;margin-top:3px;}
#comments p{font-weight:400;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.svg') no-repeat 0 0;font-size:0em;margin:6px auto;}
#comments .ratingDisplay{width:80px;margin-bottom:0;opacity:1;}
.rating{float:left;width:80px;height:16px;margin:0;padding:0;list-style:none;position:relative;clear:both;background: url('img/stars.svg') 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.svg') 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:1em 0;}
#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:.5rem;font-size:1em;}
#contactPanel #captcha{width:9%;}
#contactPanel .captcha em{font-style:normal;font-weight:700;}
#contactPanel .captcha ins{padding:0 3px;font-weight:700;text-decoration:none;}
#contactPanel .save{text-align:center;}

/* PAYMENTS */
#paymentDescription{margin:10px 30px 20px;padding:20px;text-align:center;border:1px solid #bebebe;background:var(--color-bright);font-weight:700;}
#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:400;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:var(--color-primary);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:var(--color-primary);background:inherit;}
#options a:hover{color:var(--color-secondary);background:inherit;}
#options .back, #options .print{float:right;}
#options .print a{border-left:1px solid var(--color-grey);}

.message{clear:both;padding:50px 0;text-align:center;}
.message h2{background:inherit;color:var(--color-secondary);font-family:'Lato', sans-serif;font-weight:700;font-size:2.4em;line-height:1.7em;}
.message h2 a{color:var(--color-primary);background:inherit;}
.message h2 a:hover{color:var(--color-secondary);background:inherit;}

/* PRODUCTS LIST */
#products{clear:both;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0;}
#products ul.list{clear:both;width:100%;display:flex;flex-flow:row wrap;justify-content: flex-start;list-style:none;}
#products .list li{flex:0 0 100%;margin:15px 0;padding:15px 0;background:var(--color-white);box-shadow:0px 8px 20px rgba(23, 25, 49, 0.08);border-radius:10px;text-align:center;position:relative;padding-bottom:120px;transition:all 0.5s ease;}
#products .list li:hover{transform: scale(1.02);transition:all 0.5s ease;}
#products .list img{max-width:100%;}
@media screen and (min-width:720px){
  #products .list li{flex:0 0 47%;margin:1.5%;}
  #products .list:after{content:"";flex-basis:31.3%;padding:15px;}
}
@media screen and (min-width:1100px){
  #products .list li{flex:0 0 31.3%;margin:1%;}
  #products .list:after{content:"";flex-basis:31.3%;padding:15px;} 

  .home #products .list li{flex:0 0 23%;margin:1%;}
  .home #products .list:after{content:"";flex-basis:23%;padding:15px;} 
}
/* 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.column1{clear:both;}
#products li .photo{margin-bottom:4px;font-size:0px;line-height:0px;padding:0 1rem;}
#products li h2{padding:0 1rem .5rem;font-family:'Lato', sans-serif;font-size:1.125rem;line-height:1.25em;}
#products li h2 a{font-weight:700;background:none;text-decoration:none;color:var(--color-secondary);}
#products li h2 a:hover{color:var(--color-primary);background:none;}
#products li h3{padding-bottom:5px;font-weight:400;font-size:0.917em;}
#products li h3, #products li h3 a{color:var(--color-secondary);text-decoration:none;}
#products li h3 a:hover{text-decoration:underline;}
#products li h3 em{padding:0 5px;}
#products li div.description{margin:10px 0 0;text-align:center;padding:0 15px 10px;}
#products li div.description a{color:var(--color-primary);}
#products li div.description a:hover{color:var(--color-grey);}
#products li div.description ul, #products li div.description ol{margin:5px 0 0 25px;padding:0;}
#products li div.description ul{list-style-type: disc;}
#products li div.description li{background:transparent;box-shadow:none;border-radius:none;}
#products li div.description li:hover{background:transparent;box-shadow:none;border-radius:none;}
#products li .price, #products li .noPrice{margin:5px 0 5px 0;background-color:inherit;color:var(--color-primary);font-weight:700;}
#products li .price em{padding:0 6px 0 0;background:inherit;color:var(--color-secondary);font-style:normal;}
#products li .price strong{font-size:1.167em;}
#products li .noPrice strong{font-size:1.083em;}
#products li .price span{padding-left:4px;font-size:1.083em;color:var(--color-secondary);}
#products li .basket{width:auto;margin:.5rem auto .5rem;padding-left:3px;font-size:1em;font-weight:700;display:block;width:100%;position:absolute;left:0;bottom:75px;}
#products li .basket a{display:inline-block;padding:.5em 1.25em .6em;color:var(--color-white);background:var(--color-secondary);text-decoration:none;border-radius:5px;}
#products li .basket a:hover{background:var(--color-primary);}

#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 var(--color-primary);}
#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:700;border-right:1px solid var(--color-primary);}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{font-weight:400;}

/* PRODUCTS DETAILS */
#product{clear:left;float:right;display:block;width:94%;margin:0 3%;text-align:left;}
* html #product{margin:0;} /* IE 6 hack */
#product h1{padding:5px 0 5px;background:inherit;color:var(--color-primary);font-family:'Lato', sans-serif;font-size:1.5rem;}
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 7px;font-weight:400;font-size:0.917em;}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:var(--color-secondary);}
#product div.breadcrumb a:hover{background-color:inherit;color:var(--color-primary);}
#product div.breadcrumb em{padding:0 5px;}

#product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:3px 0 10px;text-align:center;background:var(--color-grey);;border-radius:5px;transition:all 0.5s ease;}
#product #box:hover{transition:all 0.5s ease;}
#product #box form{font-weight:700;}
#product #box #price, #product #box #noPrice{padding:7px 0;background-color:transparent;color:var(--color-secondary);font-size:1.417em;text-align:center;}
#product #box #noPrice{color:var(--color-grey);}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:var(--color-primary);font-weight:700;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:#000;font-weight:700;font-size:0.9em;}
#product #box #addBasket{padding:10px 0 5px;background:none;border:none;}
#product #box #addBasket .submit{width:71%;padding:.5em 1em .6em;border:0;background:#000;color:#fff;font-size:1em;font-weight:400;}
#product #box #addBasket .submit:hover{background:var(--color-primary);}

#product div.content{clear:left;padding:10px 0 10px;font-size:1rem;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:var(--color-bright);font-size:1em;}
#features caption{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#features thead td{padding:5px;background:var(--color-bright);text-align:center;font-weight:700;border:2px solid var(--color-grey);border-bottom:0;}
#features tbody td, #features tbody th{padding:5px;background:#fff;font-weight:400;text-align:left;border:2px solid var(--color-grey);}
#features .l0 td, #features .l0 th{background:var(--color-bright);}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid var(--color-bright);font-size:1em;color:#000;}
@media screen and (max-width:640px){ #orderedProducts table{font-size:0.750em;} }
#orderedProducts td, #orderedProducts th{padding:6px 7px;}
#orderedProducts thead .price, #orderedProducts thead .quantity, #orderedProducts thead .summary{text-align:right;}
#orderedProducts thead td{background:var(--color-grey);color:var(--color-secondary);}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid #fff;background:#fff;border-bottom:2px solid var(--color-bright);}
#orderedProducts tbody th{text-align:left;}
#orderedProducts tbody th a{background:inherit;}
#orderedProducts tbody .price, #orderedProducts tbody .summary{font-weight:700;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:var(--color-secondary);}
#orderedProducts tfoot{background:#fff;text-align:right;}
#orderedProducts tfoot .summaryProducts, #orderedProducts tfoot .summaryProducts th, #orderedProducts tfoot .summaryShippingPayment, #orderedProducts tfoot .summaryOrder{text-align:right;}
#orderedProducts tfoot .nextStep .submit{background:var(--color-secondary);}
#orderedProducts tfoot .nextStep .submit:hover{background:var(--color-primary);}

#basket #orderedProducts table{margin:10px 0 0;}
#basket .info{padding:10px 0;text-align:left;}
#basket #recount{background:#fff;border-bottom:2px solid var(--color-bright);}
#basket #recount td{border-bottom:1px solid var(--color-bright);text-align:right;}
#basket #recount .submit{padding:.5em 1em .6em;}
#basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:var(--color-primary);}
#basket .summaryProducts{font-size:1.36em;font-weight:700;}
@media screen and (max-width:640px){ #basket .summaryProducts{font-size:0.938em;} }
#basket .summaryProducts #summary{font-weight:700;}
#basket .del{padding:0 5px 0 10px;}
#basket .del a{background:inherit;color:var(--color-primary);}
#basket .del a:hover{background:inherit;color:var(--color-grey);}
#basket .buttons #continue{text-align:left;}
#basket .buttons #continue .submit{margin-right:5px;padding:.5em 1em .6em;}
#basket #pageDescription{margin-top:20px;}

#basket #save{padding:7px;}
#basket #save .submit{margin-right:5px;padding:.5em 1em .6em;background:var(--color-bright);color:var(--color-primary);border:2px solid var(--color-bright);font-weight:400;text-shadow:none;}
#basket #save .submit:hover{background:var(--color-primary);color:#fff;}
#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:var(--color-grey);font-weight:700;}
#orderedProducts tfoot #discountVoucher{color:var(--color-primary);}

#order form{background:var(--color-white);border:none;}
#order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:700;color:var(--color-secondary);text-shadow:1px 1px 3px var(--color-bright);}
@media screen and (max-width:640px){ #order legend{font-size:1em;} }
#order #personalData{padding:12px 3%;border-top:2px solid var(--color-bright);border-bottom:2px solid var(--color-bright);background:var(--color-white);overflow:hidden;}
#order #personalData #setBasic, #order #personalData #setExtend{float:left;width:50%;}
#order #personalData label{display:block;padding:2px 0;font-weight:700;color:var(--color-secondary);text-shadow:1px 1px var(--color-bright);}
#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:400;}
#order #street{clear:both;}

#shippingAndPayments div{padding:11px 3%;border-top:2px solid var(--color-bright);border-bottom:2px solid var(--color-bright);background:var(--color-white);}

#order tfoot td, #orderPrint tfoot td{color:#000;}
#order .summaryProducts, #order .summaryShippingPayment, #orderPrint .summaryShippingPayment{font-size:1.182em;}
#order .summaryProducts th, #order .summaryShippingPayment th, #orderPrint .summaryShippingPayment th{font-weight:400;text-align:right;}
#order .summaryOrder, #orderPrint .summaryOrder{color:var(--color-primary);font-size:1.36em;font-weight:700;}
#order .summaryOrder th, #orderPrint .summaryOrder th{text-align:right;}
#order .summaryOrder th, #order .summaryOrder td{border-top:1px solid var(--color-bright);}
#order #rulesAccept th{color:var(--color-secondary);font-weight:700;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:var(--color-secondary);font-weight:400;font-size:1.5em;}
#orderPrint #pageDescription p{padding:5px 0;}
#orderPrint .legend{clear:both;padding:20px 0 10px;background:inherit;color:var(--color-primary);font-size:1.2em;font-weight:700;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid var(--color-bright);border-bottom:2px solid var(--color-bright);background:var(--color-bright);}
#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:700;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:400;}

/* 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;}

/* BEFORE FOOTER */
#before_footer{clear:both;font-weight:400;background:var(--color-grey);}
#before_footer .container{margin:0 auto;padding:15px 0;color:#000;overflow:hidden;}
#before_footer a{background:inherit;color:#000;text-decoration:underline;font-weight:400;}
#before_footer a:hover{color:#000;background:inherit;}

#before_footer .box{float:left;width:23%;padding:0;margin:0 0 5px 2%;}
#before_footer .box .type{margin:.8em 0 .4em;color:#000;font-size:1.438rem;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid var(--color-primary);}
#before_footer .box .content{padding:1em 0;list-style:none;line-height:1.5em;}

/* BOTTOM MENU */
#menu4 .type{margin:.8em 0 .4em;color:#000;font-size:1.438rem;font-family:'Lato', sans-serif;font-weight:700;text-transform:uppercase;padding-left:1rem;border-left: 6px solid var(--color-primary);}
#menu4{float:left;width:22%;padding:0;margin:0 0 5px 2%;}
#menu4 ul{padding:10px 0;list-style:none;}
#menu4 li{margin:0;padding:4px 0 4px;}
#menu4 a{display:block;width:100%;padding:4px 0;color:var(--color-secondary);font-weight:700;text-decoration:none;background:none;font-size:1rem;}
#menu4 a:hover, #menu4 .sub1 a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
#menu4 .selected > a:first-child{color:var(--color-primary);background:none;}

#menu4 .sub1{margin:0;padding:0;border:0;background:none;}
#menu4 .sub1 li{padding:2px 0 2px 10px;border:0px;}
#menu4 .sub1 a{display:block;width:100%;padding:2px 0;font-weight:400;}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;font-weight:400;background:var(--color-gray);}
#foot .container{margin:0 auto;padding:15px 0;color:#fff;overflow:hidden;}
#foot a{background:inherit;color:#fff;text-decoration:underline;font-weight:400;}
#foot a:hover{color:#fff;background:inherit;}

#copy{float:left;padding:0 25px;}
.foot{float:right;padding:0 25px;}
#powered img{vertical-align:middle;}

@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, #before_footer .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, .home #content, #before_footer .container{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;}
}

/* RESPONSIVE WEB DESIGN - media queries */
@media screen and (max-width:1280px){
  #head3 .container, #body .container, #foot .container, #before_footer .container{width:95%;padding:0;}
  #head1{margin:0;width:auto;position:relative;}
  #head2{width:auto;}
  #column{width:25%;padding:10px 0;}
  #column .box{margin:0 0 15px;}
  #basketSummary, #promoted{padding:10px 0;}
  #menu3, #menu4{padding:0px;}
  #menu3 ul, #menu4 ul{padding:0px;}
  #menu3 .sub1 li, #menu4 .sub1 li{padding:5px 22px;background-position:7px center;}
  #content{width:75%;}
  #page {margin:0px 3%;}
  #products .list .i1{clear:left;}
  #products li.column1{clear:none;}

  #product{width:94%;margin:0 3%;}
  #product #box{padding:2px 5px;width:auto;margin-top:10px;}
}
@media screen and (max-width:1100px){
  #column{width:30%;}
  #content{width:70%;}
}
@media screen and (max-width:1023px){
  #head3 .container, #body .container, #foot .container, #before_footer .container{width:95%;padding:10px 2.5%;}
  /* #body .container{display:flex;flex-direction:column-reverse;} column reverse */
  #head1{margin:0;width:auto;position:relative;}
  #head2{width:auto;}
  #column{width:25%;padding:10px 0;}
  #column .box{margin:0 0 15px;}
  #basketSummary, #promoted{padding:10px 0;}
  #menu3, #menu4{padding:0px;}
  #menu3 ul, #menu4 ul{padding:0px;}
  #menu3 .sub1 li, #menu4 .sub1 li{padding:5px 22px;background-position:7px center;}
  #content{width:100%;}
  #column{width:100%;}
  #page {margin:0px 1.5%;}
  #products .list .i1{clear:left;}
  #products li.column1{clear:none;}

  #product{width:94%;margin:0 3%;}
  #product #box{padding:2px 5px;width:auto;margin-top:10px;}
}
@media screen and (max-width:800px){
  #menu1{padding:0;}
  #menu1 li{padding:.6em;}
  img{max-width:100%;}
  #content .imagesGallery table img{max-width:110px;}
  #menu4{width:46%;padding:0;margin:0 2%;}
  #before_footer .boxes .box{width:46%;padding:0;margin:0 2%;}
}
@media screen and (max-width:720px){
  #content .imagesGallery table img{max-width:100px;}
}
@media screen and (max-width:640px){
  #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;}
  #menu4{float:none;width:96%;padding:0;margin:0 2%;}
  #before_footer .boxes .box{float:none;width:96%;padding:0;margin:0 2%;}
  #menu2 li{width:99%;margin-top:2px;}
  #menu2 li:hover, #menu2 .selected{width:99%;}
}
@media screen and (max-width:480px){
  #newsletter{display:none;}
  #promoted{display:none;}
}
@media screen and (max-width:481px){
  a.zagielInfo{display:block;margin:4px 0 8px;}
  #column, #content{width:100%;}
  #copy, .foot{float:none;width:100%;text-align:center;padding:0 0 20px;}
}
@media screen and (max-width:360px){
  #head2 .container{height:auto;}
  #logo #slogan{padding-left:0;}
  #lang{position:absolute;top:10px;right:10px;padding:0;}

  #product #box #addBasket .submit{width:96%;padding:10px 2%;background:#000;}

  #orderedProducts td{padding:2px;}
  #orderedProducts #recount td{padding:2px 0px;}
  #orderedProducts #recount .submit{font-size:0.83em;}
  #orderedProducts thead .name{padding-left:7px;}
  #orderedProducts thead .price span{display:none;}
  #continue .submit{width:auto;}
  #basket #save{padding:6px 4px 0;}
  #orderedProducts tbody .quantity input{width:25px;}
  #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:0px;line-height:1px;color:transparent;background:url('img/close.png') no-repeat 0px 0px;text-decoration:none;}
  #orderedProducts .del a:hover{color:transparent;background:url('img/close.png') no-repeat 0px -16px;}

  #order #personalData #setBasic, #order #personalData #setExtend{width:100%;}
  #order #personalData #oComment{height:80px;}

  #content .imagesGallery table img{max-width:70px;}
  #comments span.date{font-size:0.917em;}
}
@media screen and (max-width:320px){
}

/* PLUGINS */
#newsletter .input{width:97%;}
#newsletter label{display:none;}
#newsletter fieldset{padding:0;margin:0;}
#newsletter .type{margin-top:0;}
#newsletter p{text-align:center;margin-top:5px;}
#newsletterAccept th{text-align:left;}
/* ASK ABOUT PRODUCT */
#product #askAboutProduct{font-size:0.917em;}
#product #askAboutProduct:hover{background:none;}
@media print{
  #askAboutProduct{display:none;}
}
#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 6%;padding:10px 0 0;text-align:right;width:225px;}
#searchFormAdvanced .input{width:218px;}
#searchFormAdvanced .phrase label, #searchFormAdvanced .producer label{display:none;}
#searchFormAdvanced select{width:100%;font-size:1em;}
#searchFormAdvanced .hide, #searchFormAdvanced legend{display:none;}
#searchFormAdvanced div{padding:3px 0;}
#searchFormAdvanced .prices .input{width:42px;margin:0 0 0 4px;}
#searchFormAdvanced .prices label{padding-left:4px;}
#searchFormAdvanced .submit{margin-top:.5rem;padding:.5rem 1rem .5rem;font-size:0.917em;font-style:normal;border:0;background:var(--color-primary);border-top:0;}
#searchFormAdvanced .submit:hover{background:var(--color-secondary);}
* html #searchFormAdvanced .submit{padding:4px 3px 9px;}

@media screen and (max-width:860px){
  #searchFormAdvanced{width:88%;}
  #searchFormAdvanced .input{width:96%;}
  #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;}
}

/* BANNERS */
#banner0{text-align:center;padding-bottom:15px;}
#banner1{text-align:center;margin:10px 0;}
@media print{ #banner0, #banner1{display:none;} }
.content-slider{height:200px;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;}
.content-slider .quick-slider-nav-dots-wrapper li{display:inline-block;}
#column .content-slider{max-width:100%;}
#content .content-slider{max-width:100%;margin-bottom:10px;}
#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 li .price{text-align:center;}
#products li .priceNetto, #product #box #price #priceNetto{padding-top:3px;font-size:0.9em;color:var(--color-secondary);font-weight:400;}
#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:400;padding-right:5px;font-size:1em;color:var(--color-secondary);}
#products li .price .priceNetto strong, #product #box #price #priceNetto strong{font-weight:600;font-size:1em;color:var(--color-primary);}
#product #box #price #priceNetto{font-size:0.7em;color:var(--color-secondary);}
#product #box #price #priceNetto strong{padding:0 3px 0 0;}
#product #box #price #priceNetto em{color:var(--color-secondary);}
#products li .price{display:block;width:100%;position:absolute;left:0;bottom:20px;}

/* USERS COLUMN LOGIN BOX */
#column .login{margin:10px 0;padding:.5em 1em .6em;font-size:0.92em;text-align:center;}
#column .login label, #column .login legend{display:none;}
#column .login fieldset{padding:0;margin:0;}
#column .login .input{width:70px;margin:0 .5em 0 0;}
#column .login .submit{width:auto;padding:.5em;font-weight:700;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:.5rem;font-size:1em;}
#profile #captcha{width:50px;}
#profile .captcha em{font-style:normal;font-weight:700;}
#profile .captcha ins{padding:0 3px;font-weight:700;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:700;}

#order .tab{float:left;}
#order .tab a{display:block;margin:10px 10px 0 0;padding:10px 15px 10px;border:1px solid var(--color-bright);border-bottom:0;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;background:var(--color-white);font-size:1em;font-weight:700;color:var(--color-secondary);text-decoration:none;}
#order .tab a:hover{color:var(--color-primary);}
#order .tab a.selected{border-color:#c9c9c9;background:var(--color-white);color:var(--color-primary);}
#orderForm, #orderLoginForm{clear:both;}
#order #orderLogin div, #orderRegisterForm div{padding:12px 3%;background:var(--color-white);border-top:2px solid var(--color-white);border-bottom:2px solid var(--color-white);}
#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:var(--color-dark);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:var(--color-grey);color:var(--color-white);}
#userOrders tbody td{padding:6px 4px;border-top:2px solid var(--color-white);background:var(--color-white);border-bottom:1px solid var(--color-white);}
#userOrders a{background:inherit;}
#userOrder .message{display:none;}
#userOrder #orderPrint{padding-top:15px;}
#orderLogin .submit, #forgetPasswordForm .submit{padding:2px 10px;}

#products li .price ins{padding-right:5px;text-decoration:none;font-weight:700;}
#products li .price ins em{padding-right:8px;background:inherit;color:var(--color-secondary);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:700;}
#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:700;padding-left:5px;}
#promoted li .price ins em{padding-right:5px;background:inherit;color:var(--color-grey);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;}
}
@media screen and (max-width:481px){
  #basket .image{display:none;}
}

/* STOCK */
#page .stockLevel, #page .stockSold{margin:5px 0;font-size:0.917em;}
#page .stockSold{background:inherit;color:#798286;font-weight:700;}
#page .stockLevel strong{margin:0 0 0 2px;}
#product .stockLevel, #product .stockSold{margin:8px 10px 4px;padding:5px 0 6px;font-weight:400;font-size:0.917em;}
#product .stockSold{color:#798286;}
#product .stockLevel strong{margin:0 0 0 4px;background:inherit;color:var(--color-text);}
#basket #productsOverStock h5{margin-top:10px;padding:8px 0;font-size:1em;font-weight:700;border-top:1px solid var(--color-bright);}
#basket #productsOverStock strong{display:block;padding:2px 10px;background:inherit;color:#798286;}
#basket #productsOverStock div{margin:0 0 10px;padding:5px 0 10px;font-size:1em;font-weight:400;border-bottom:1px solid var(--color-bright);}

#noticeAboutCookies{display:none;padding:7px 0;background:#fff;font-weight:400;}
#noticeAboutCookies.slide, #noticeAboutCookies.top{border-bottom:1px solid #808080;}
#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 #808080;}
#noticeAboutCookies.left-corner{width:200px;left:0px;bottom:0px;padding:10px;border:1px solid #dfdfdf;}
#noticeAboutCookies .close{margin-left:20px;font-size:0.917em;color:#B5B5B5;font-weight:700;text-decoration:none;}
#noticeAboutCookies .close:hover{color:#798286;}
#noticeAboutCookies.left-corner .close{display:block;margin:10px 0 0;padding:.5em 1.25em .6em;color:var(--color-white);background:var(--color-primary);text-decoration:none;border-radius:5px;}
#noticeAboutCookies.left-corner .close:hover{background:var(--color-secondary);}

/* RELATED PRODUCTS */
#productsRelated{clear:both;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;margin:10px 0;}
#productsRelated h3{font-family:'Lato', sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary);padding:.5rem 0;}
#productsRelated ul{clear:both;width:100%;display:flex;flex-flow:row wrap;justify-content: flex-start;list-style:none;}
#productsRelated li{flex:0 0 100%;margin:15px 0;padding:15px 0;background:var(--color-white);box-shadow: 0px 8px 20px rgb(23 25 49 / 8%);border-radius:10px;text-align:center;position:relative;padding-bottom:120px;transition: all 0.5s ease;}
#productsRelated  li:hover{transition:all 0.5s ease;}
#productsRelated li.column1{font-size:1rem;}
#productsRelated img{margin-bottom:5px;max-width:100%;}
#productsRelated img:hover{opacity:1;}
#productsRelated a{display:block;font-weight:700;text-decoration:none;padding:0 .5rem .5rem;font-family:'Lato', sans-serif;font-size:1.125rem;line-height:1.25em;color: var(--color-secondary);}
#productsRelated a:hover{color: var(--color-primary);}
#productsRelated .price, #productsRelated .noPrice{padding:6px 0 0;color:var(--color-secondary);display:block;width:100%;position:absolute;left:0;bottom:20px;}
#productsRelated .price strong{padding:0 2px 0 5px;font-weight:700;color: var(--color-primary);}
#productsRelated .price em{padding:0;background:inherit;font-style:normal;}
#productsRelated .price span{font-weight:700;padding-left:5px;}

#productsRelated li .basket{width:auto;margin:.5rem auto .5rem;padding-left:3px;font-size:1em;font-weight:700;display:block;width:100%;position:absolute;left:0;}
#productsRelated li .basket a{display:inline-block;padding:.5em 1.25em .6em;color:var(--color-white);background:var(--color-secondary);text-decoration:none;border-radius:5px;}
#productsRelated li .basket a:hover{background:var(--color-primary);}

@media screen and (min-width:720px){
  #productsRelated li{flex:0 0 47%;margin:1.5%;}
  #productsRelated:after{content:"";flex-basis:31.3%;padding:15px;}
}
@media screen and (min-width:1100px){
  #productsRelated li{flex:0 0 31.3%;margin:1%;}
  #productsRelated li:hover{transform: scale(1.02);transition:all 0.5s ease;}
  #productsRelated:after{content:"";flex-basis:31.3%;padding:15px;} 
}

@media print{
  #productsRelated .price em, #productsRelated .price span, #productsRelated .price strong{font-weight:400;}
  #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;}
}
/*PACZKOMATY*/
@media screen and (max-width:500px){
  .class_inpost_machines_dropdown{max-width:240px;}
}

.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;}
#newsletter .noticeToAccept label{display:inline;}
#basket .image img{opacity:1;width:75px;}
#basket .image a:hover img{opacity:1;}
#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:0;}
#order #deliveryAddress{padding:11px 3%;border-top:2px solid var(--color-bright);border-bottom:2px solid var(--color-bright);background:var(--color-white);color:var(--color-primary);}
#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:1.5%;}
#backToTop a{display:block;width:80px;text-align:center;color:var(--color-primary);text-transform:uppercase;text-decoration:none;transition:1s;opacity:0.7;}
#backToTop a:hover{opacity:1;color:var(--color-primary);text-decoration:none;}
#backToTop a:before{content:'';display:block;width:100%;height:80px;margin-bottom:7px;background:var(--color-primary) url('img/back_to_top.svg') no-repeat center center;border-radius:50%;transition:1s;}
#backToTop a:hover:before{background-color:var(--color-primary);}
@media screen and (max-width:1280px){
  #backToTop{right:0.5%;}
  #backToTop a{opacity:0.3;}
}
@media screen and (max-width:800px){
  #backToTop a{width:40px;}
  #backToTop a:before{height:40px;}
  #backToTop a:hover:before{border-color:var(--color-primary);}
  #backToTop .description{display:none;}
}