/*
Quick.Cart default stylesheet
More about design modifications - http://opensolution.org/Quick.Cart/docs/ext_6.6/?id=en-design
*/
/* Layout variables */
:root {
  --color-primary: #E90001;
  --color-secondary: #8AB62F;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: #476379;
  --color-darkgray: #2e6a97;
  --color-light: #E9E9E9;
  --color-text: #666;
  --color-alert: #cc0000;
}
/* GLOBAL STYLES */
body, body *{margin:0;padding:0;border:0;}
body,table{color:var(--color-text);font-size:0.75em;font-family:Verdana, Arial, sans-serif;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
tbody, tfoot, thead{margin:0;padding:0;}
caption, tr, th, td{margin:0;padding:2px 4px;font-size:100%;font:inherit;vertical-align:baseline;}

body{padding:0;background:var(--color-white);text-align:center;}
#column img, #content img{max-width:100%;}

.input, select, textarea{padding:2px;border-width:2px;border-style:solid;border-color:var(--color-gray);border-radius:4px;font-size:1em;font-family:Verdana;}
.input.warning-required, select.warning-required, textarea.warning-required{border-color:#ac0000 #c78688 #c78688 #ac0000;background:#fbefef;}
.input:focus, select:focus, .textarea:focus{text-shadow:none;}
.submit{padding:5px 14px;border:none;background:var(--color-primary);color:var(--color-white);font-weight:normal;font-size:1em;border-radius:4px;}
.submit:hover{background:var(--color-secondary);cursor:pointer;}
* html .submit{padding:3px 1px;} /* IE 6 hack */
* html .input{height:21px;} /* IE 6 hack */
.form{background:var(--color-white);border-top:2px solid var(--color-light);border-bottom:2px solid var(--color-light);}
.form label{font-size:1em;color:var(--color-primary);font-weight:normal;}
.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:var(--color-secondary);text-decoration:underline;}
a:hover{color:var(--color-primary);text-decoration:underline;}

#head3 {background:url('img/menu2_bg.png') repeat-x top center;}

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

#container{position:relative;width:100%;margin:0 auto;padding:0 0;overflow:hidden;}
#container:after{content:"";display:table;clear:both;}
#header{background:var(--color-bright);}
#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{overflow:visible;}
* html #head1 .container, * html #head2, * html #head3, * html #body{background:none;} /* IE 6 hack */

/* MENU TOP 1 */
#menu1 li a{padding-right:12px;background:url(img/menu3_sub.gif) no-repeat right 15px;font-weight:bold;text-decoration:none;color:#2e6a97;text-transform:lowercase;text-shadow:0 1px 1px #dbdbdb;}
#menu1 li a:hover, #menu1 .selected a{text-decoration:none;color:#c22463;text-decoration:underline;}

#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:var(--color-primary);}
#menu1 li.lBasket a:hover{color:var(--color-secondary);}
#menu1 li.lBasket span{display:block;color:var(--color-text);font-size:0.917em;font-family:sans-serif;}

/* MENU TOP 1 flex mod. */
#menu1 > ul{float:right;height:100%;margin:8px 3px 3px 3px;list-style:none;}
#menu1 > ul > li{position:relative;float:left;padding:0;}
#menu1 a{display:inline-block;margin:0;padding:10px;text-decoration:none;background-color:transparent;}
#menu1 a:hover, #menu1 .selected a, #menu1 .selected-parent a{transition:all 0.5s ease;}
.flexMenu-popup{z-index:10;padding:0;margin:0;background-color:#efefef;list-style-type:none;}
.flexMenu-popup a:hover{display:block;text-decoration:none;}
.flexMenu-popup a{white-space:nowrap;}
.flexMenu-viewMore:not(.flexMenu-allInPopup) .flexMenu-popup{right:0;}
.flexMenu-viewMore ul{right:0;}
.flexMenu-viewMore > a::after{}
.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover{color:var(--color-text);}
@media screen and (max-width:800px){
  #menu1 > ul > li:first-child{margin-left:10px;}
}

/* LOGO, HEADER BACKGROUND AND SLOGAN */
#head2{max-width:1440px;width:85%;margin:0 auto;text-align:left;clear:both;}
#head2 .container{position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}

#logo{max-width:100%;margin:0;padding:.5rem;}
@media screen and (min-width:800px){
  #logo{max-width:700px;}
}
#logo #img img{max-width:240px;width:100%;}
#logo img{max-width:80px;width:100%;}
@media screen and (min-width:640px){ #logo #title img{max-width:240px;height:auto;} }
* html #logo #slogan{width:100%;} /* IE 6 hack */

/* HEADER WITH TOP MENU BELOW LOGO */
#head3 {background:var(--color-gray);clear:both;}
#head3 .container{overflow:hidden;height:auto;}
#head3 .container:after{content:"";display:table;clear:both;}

/* MENU TOP 2 */
#menu2 ul{float:left;height:100%;margin:0;list-style:none;background:var(--color-gray);}
#menu2 li{float:left;margin:0;}
#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:.7em 1em .7em;color:var(--color-white);font-size:1.55em;font-weight:normal;text-decoration:none;transition:all 0.5s ease;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, .langs{display:none;}
  .hamburger.is-active{background:transparent;}
  .hamburger.is-active ~ #menu2{display:block;}
  #menu2 .level-0-menu{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:var(--color-white);}
  .hamburger.is-active ~ .langs{display:block;}
  .langs a{font-size:1.063rem;border-right:1px solid var(--color-black);padding:0 1em;margin:.9em 0;}
  .langs li:last-child a{border-right:0;}
  .langs a:hover, .langs .selected a, .langs .selected-parent a{color:var(--color-white);}
}

/* BODY STYLES - LEFT AND RIGHT COLUMN */
#body{clear:both;margin:0;}
#body .container{overflow:hidden;background: #fff url(img/footer_bg.jpg) repeat-x left bottom;}

/* LEFT COLUMN STYLES */
#column{float:left;width:25%;padding:.5rem 0 .25rem;background: url(img/body_bg.png) repeat-x left top;}
.order #column, .full #column{display:none;}

#searchForm{padding:15px 5px;text-align:center;}
#searchForm fieldset{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
#searchForm fieldset span{flex:1 1 auto;}
#searchForm label, #searchForm legend{position:absolute;clip:rect(1px, 1px, 1px, 1px);}
#searchForm .input{min-width:120px;width:90%;padding:3px;}
#searchForm .submit{padding:4px 30px 4px 5px;font-size:1.125em;font-weight:bold;border:0;background:#717171 url('img/search.svg') no-repeat right 5px center;text-transform:uppercase;}
#searchForm .submit:hover{background-color:var(--color-secondary);}
*:first-child+html #searchForm .submit{padding:3px 3px 8px;} /* IE 7 hack */
* html #searchForm .submit{padding:3px 3px 8px} /* IE 6 hack */

#menu3{padding:0 0 1rem;}
#column .type{padding:.25rem 1rem .25rem;font-weight:bold;font-size:1.667em;color:var(--color-text);}

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

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

/* RIGHT COLUMN STYLES */
#content{float:left;width:75%;padding:.5rem 0 .25rem;text-align:center;background: url(img/body_bg.png) repeat-x left top;}
* html #content{width:658px;} /* IE 6 hack */
.order #content{width:100%;}
#page{position:relative;width:96%;margin:0 auto;text-align:left;}
#page div.content > ul li, #page div.content > ol li, #page div.content > ol ul{margin-left:30px;} /* mod rules site list */
* html #page{width:100%;} /* IE 6 hack */
* html .order #page{width:96%;} /* IE 6 hack */

/* PAGE TITLE */
#page h1{margin:1rem 0 .5rem;background:inherit;font-weight:normal;font-size:2.25em;color:var(--color-text);text-shadow: 2px 2px 3px #ddd;}

/* NAVIGATION PATH - TREE */
#page div.breadcrumb{position:relative;padding:2px 0;font-weight:normal;font-size:1em;}
#page div.breadcrumb a{background:inherit;color:var(--color-text);text-decoration:none;}
#page div.breadcrumb a:hover{background-color:inherit;color:var(--color-primary);text-decoration:underline;}
*:first-child+html #page div.breadcrumb{top:0;} /* IE 7 hack */
* html #page div.breadcrumb{top:-5px;} /* IE 6 hack */

/* PAGE CONTENT */
#page div.content{padding:5px 0;font-size:1.2em;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:var(--color-primary);font-weight:bold;font-family:Arial;}
.tS a:hover{color:var(--color-secondary);background:inherit;}
.tS0{font-size:0.917em;}
.tS1{font-size:1em;}
.tS2{font-size:1.333em;}

.pages{padding:8px 0;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;}

/* IMAGES STYLES */
#content .imagesList{list-style:none;}
#content .imagesList li{margin:0 0 15px 0;text-align:center;width:100%;}
#content .imagesList li div{text-align:center;}
#content .subpagesList li img, #content .imagesList li img, #content .imagePreview img{
  opacity:1;
  display: inline-block;
  max-width: calc(var(--size, 1) * 250px);
  max-height: calc(var(--size, 1) * 250px);
  object-fit: contain;
  transition:all 0.5s ease;
}
#content .subpagesList li img:hover, #content .imagesList li img:hover, #content .imagePreview img:hover, #products li .photo a:hover img{opacity:0.75;}

#content .imagesList#imagesList1 li img{max-width: calc(var(--size, 1) * 250px);max-height: calc(var(--size, 1) * auto);}

#imagesList1{float:left;margin:9px 20px 0 0;}
#imagesList2{clear:right;float:right;margin:8px 0 0 15px;}

#imagesList5{display:flex;flex-flow:row wrap;justify-content:space-between;}
#imagesList5 li{margin:0 0 15px 0;text-align:center;}
#imagesList5 li img, #imagesList1 img, #imagesList2 img{
  opacity:1;
  display: inline-block;
  max-width: calc(var(--size, 1) * 250px);
  max-height: calc(var(--size, 1) * 250px);
  object-fit: contain;
  transition:all 0.5s ease;
}
@media screen and (min-width:600px){
  #imagesList5{
    --cols: calc((100%/ 3 ) - 1rem);
  }
  #imagesList5 li{flex:0 0 var(--cols);}
  #imagesList5:before, #imagesList5:after{content:"";flex:0 1 var(--cols);}
  #imagesList5:before{order:99;}
}

#content .imagePreview img{
  opacity:1;
  display: inline-block;
  max-width: calc(var(--size, 1) * 250px);
  max-height: calc(var(--size, 1) * auto);
  object-fit: contain;
  transition:all 0.5s ease;
}

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

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

/* FILES LIST STYLES */
#filesList{width:100%;float:left;margin:15px 0 5px;list-style:none;vertical-align:middle;border-left:2px solid var(--color-light);}
#filesList li{width:100%;float:left;clear:left;margin:5px 0 5px 10px;padding-left:10px;}
#filesList li a{color:var(--color-primary);background:inherit;}
#filesList li a:hover{color:var(--color-secondary);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 var(--color-black);}
#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:var(--color-light);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:var(--color-light);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:var(--color-white);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 var(--color-white);background:var(--color-black);}
#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:var(--color-black);color:var(--color-white);font-weight:bold;font-family:"Trebuchet MS";text-decoration:none;border:1px solid var(--color-white);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:1rem;background:var(--color-white);box-shadow: 0px 2px 16px rgba(29, 33, 35, 0.08);border-radius:2px;}
* 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:1rem;}
#content .subpagesList li h2, #content .subpagesList li h2 a{font-weight:bold;font-size:1.125rem;color:var(--color-text);background:none;text-decoration:none;}
#content .subpagesList li h2 a:hover{color:var(--color-primary);background:none;text-decoration:underline;}
#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:1rem;}

/* OPTIONS LINK */
#options{clear:both;float:right;width:100%;margin:10px 10px;color:var(--color-gray);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;padding-bottom:.2rem;color:var(--color-text);background:inherit;font-weight:bold;font-size:1em;text-decoration:none;}
#options a:hover{color:var(--color-primary);background:inherit;text-decoration:underline;}
#options .back, #options .print{float:right;}
#options .print a{border-left:2px solid var(--color-text);}

.message{padding:50px 0;text-align:center;}
.message h2{background:inherit;color:var(--color-primary);font-weight:bold;font-size:2em;line-height:1.7em;}
.message h2 a{color:var(--color-primary);background:inherit;}
.message h2 a:hover{color:var(--color-gray);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:1rem 0;padding:1rem 0;background:var(--color-white);box-shadow:0px 2px 16px rgba(29, 33, 35, 0.08);border-radius:2px;text-align:center;position:relative;}
#products .list .photo img{
  opacity:1;
  display: inline-block;
  max-width: calc(var(--size, 1) * 100%);
  max-height: calc(var(--size, 1) * auto);
  object-fit: contain;
  transition:all 0.5s ease;
}
@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:1rem;}
}
@media screen and (min-width:1100px){
  #products .list li{
    flex: 0 0 31.3%;
    margin: 1%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
  }
  #products .list:after{content:"";flex-basis:31.3%;padding:1rem;} 

  .full #products .list li{flex:0 0 23%;margin:1%;}
  .full #products .list:after{content:"";flex-basis:23%;padding:1rem;} 
}
/* 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:.25rem 1rem .5rem;font-size:1.083em;line-height:1.25em;}
#products li h2 a{font-weight:bold;background:none;text-decoration:none;color:var(--color-text);}
#products li h2 a:hover{color:var(--color-primary);background:none;}
#products li h3{padding-bottom:5px;font-weight:normal;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-secondary);font-weight:bold;}
#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:bold;display:block;}
#products li .basket a{display:inline-block;color:var(--color-white);padding:.5rem .7rem;line-height:1.5rem;font-style:normal;border:0;background:var(--color-secondary);text-decoration:none;border-radius:5px;}
#products li .basket a::after{content:"";display:block;float:right;width:24px;height:24px;margin:0 0 0 4px;background:url(img/cart.svg) no-repeat left center;}
#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:bold;border-right:1px solid var(--color-text);}
#products .sort li:last-child{border:none;padding-right:0;}
#products .sort li a{color:var(--color-text);font-weight:bold;text-decoration:none;}
#products .sort li a:hover{color:var(--color-primary);text-decoration:underline;}

/* PRODUCTS DETAILS */
#product{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-darkgray);font-weight:normal;font-size:2.25em;}
#product div.breadcrumb{margin:0 0 10px;padding:2px 0 15px;font-weight:normal;font-size:0.917em;}
#product div.breadcrumb, #product div.breadcrumb a{background:inherit;color:var(--color-text);text-decoration:none;}
#product div.breadcrumb a:hover{background-color:inherit;color:var(--color-primary);text-decoration:underline;}
#product div.breadcrumb em{padding:0 5px;}

#product #box{float:right;width:250px;margin:5px 0 10px 10px;padding:3px 0 10px;background:var(--color-light);text-align:center;border-radius:4px;}
#product #box form{font-weight:bold;}
#product #box #price, #product #box #noPrice{padding:7px 0;background-color:transparent;color:var(--color-gray);font-size:1.125em;font-weight:bold;text-align:center;}
#product #box #noPrice{color:var(--color-text);}
#product #box #price em{font-style:normal;}
#product #box #price strong{padding:0 6px;font-size:1.176em;color:var(--color-text);font-weight:bold;}
#product #box #available{padding:8px 2px 0;background-color:transparent;color:var(--color-gray);font-weight:bold;font-size:1rem;}
#product #box #addBasket{padding:10px 0 5px;background:none;border:none;}
#product #box #addBasket .submit{width:71%;padding: 10px 36px 10px 0;border:0;background:url('img/button_cart.png') no-repeat right center;background-color:var(--color-secondary);color:var(--color-white);font-size:0.917rem;font-weight:bold;}
#product #box #addBasket .submit:hover{background-color:var(--color-primary);text-shadow:none;}

#product div.content{clear:left;padding:10px 0 10px;font-size:1.2em;line-height:1.5em;}
#product div.content ul, #product div.content ol{margin:5px 0 0 30px;padding:0;}
#product div.content li{margin:8px 0;padding:0;border-left:0;}
#product div.content p{padding-bottom:10px;}

/* BASKET AND ORDER */
#orderedProducts table{width:100%;margin:0;border-bottom:2px solid var(--color-light);font-size:1em;color:var(--color-secondary);}
#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:var(--color-primary);color:var(--color-white);}
#orderedProducts thead em{padding:0 4px 0 0;font-style:normal;}
#orderedProducts tbody th, #orderedProducts tbody td{border-top:2px solid var(--color-white);background:var(--color-light);border-bottom:1px solid var(--color-light);}
#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:var(--color-gray);}
#orderedProducts tfoot{background:var(--color-light);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:var(--color-white);border-bottom:2px solid var(--color-light);}
#basket #recount td{border-bottom:1px solid var(--color-light);text-align:right;}
#basket #recount .submit{padding:2px 3px;}
#basket #recount .submit:hover, #basket .buttons #continue .submit:hover{background:var(--color-secondary);}
#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:var(--color-gray);}
#basket .del a:hover{background:inherit;color:var(--color-secondary);}
#basket .buttons #continue{text-align:left;}
#basket .buttons #continue .submit{margin-right:5px;padding:3px 5px;}
#basket #pageDescription{margin-top:10px;}
#basket legend{display:none;} 

#basket #save{padding:7px;}
#basket #save .submit{margin-right:5px;padding:4px 9px;background:var(--color-light);color:var(--color-gray);border:2px solid var(--color-light);font-weight:normal;text-shadow:none;}
#basket #save .submit:hover{background:var(--color-secondary);color:var(--color-white);}

#order legend{position:static;clip:auto;padding:20px 0 10px;border:0;font-size:1.2em;font-weight:bold;color:#134295;}
#order #personalData{padding:12px 3%;border-top:2px solid var(--color-light);border-bottom:2px solid var(--color-light);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:bold;color:var(--color-primary);}
#order #personalData .input, #order #personalData #oComment{width:90%;margin:0 0 5px;}
#order #personalData #oComment{height:125px;}

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

#order tfoot td, #orderPrint tfoot td{color:var(--color-primary);}
#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:var(--color-gray);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 var(--color-light);}
#order #rulesAccept th{color:var(--color-gray);font-weight:bold;text-align:right;}
#order #rulesAccept th, #order #nextStep th{border:0;text-align:right;}
*:first-child+html .nextStep .submit, *:first-child+html #basket #continue .submit{padding:2px 0px;} /* IE 7 hack */

/* ORDER SUMMARY/PRINT PAGE */
#orderPrint #pageDescription{padding:10px 8px 20px;text-align:center;background:inherit;color:var(--color-primary);font-weight:normal;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:bold;}
#orderPrint dl{float:left;display:block;width:100%;margin:0;padding:5px 0;border-top:2px solid var(--color-light);border-bottom:2px solid var(--color-light);background:var(--color-light);}
#orderPrint dt, #orderPrint dd{float:left;display:inline-block;width:40%;margin:0;padding:3px 0;}
#orderPrint dt{clear:left;text-align:right;}
#orderPrint dd{padding-left:3%;font-weight:bold;}
#orderPrint dd.orderComment, #orderPrint dd.orderIP{font-weight:normal;}

/* BEFORE FOOTER */
#before_footer{clear:both;font-weight:normal;background:var(--color-light);}
#before_footer .container{color:var(--color-text);overflow:hidden;}
#before_footer a{background:inherit;color:var(--color-text);text-decoration:underline;font-weight:bold;}
#before_footer a:hover{color:var(--color-text);}

/* FOOTER - SITE AND SCRIPT COPYRIGHTS STYLES */
#foot{clear:both;}
#foot .container{margin:0 auto;padding:1rem 0;color:var(--color-text);overflow:hidden;}
#foot a{background:inherit;color:var(--color-primary);text-decoration:underline;font-weight:bold;}
#foot a:hover{color:var(--color-secondary);background:inherit;}

/* MENU BOTTOM */
#menu_dolne{background:var(--color-light);}
#menu_dolne:after{content:"";display:table;clear:both;}
#menu4 ul{float:left;height:100%;margin:0;list-style:none;background:var(--color-light);}
#menu4 li{float:left;margin:0;}
#menu4 li:hover, #menu4 .selected{border:0;}
#menu4 li.l1, #menu4 li.l1:hover, #menu4 li.l1.selected{border-left:none;}
#menu4 li a{display:block;padding:.6em 1em .7em;color:var(--color-black);text-transform:uppercase;font-size:1em;font-weight:bold;text-decoration:none;transition:all 0.5s ease;text-decoration:none;}
#menu4 li a:hover, #menu4 .selected a, #menu4 .selected-parent a{background:var(--color-black);color:var(--color-white);}

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

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

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

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

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

/* RESPONSIVE WEB DESIGN - media queries */
@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:100%;}
  #body .container{display:flex;flex-direction: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 .sub1 li, #menu4 .sub1 li{padding:5px 22px;background-position:7px center;}
  #content{width:100%;}
  #column{width:100%;}
  #content .subpagesList li{width:90%;margin:10px 0;padding:1rem 5%;background:var(--color-white);box-shadow: 0px 2px 16px rgba(29, 33, 35, 0.08);border-radius:2px;}
  #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){
  #column img, #content img{max-width:100%;}
  #head3 .container{height:auto;background:var(--color-gray);border-bottom:none;padding:0;}
  #menu2{float:left;width:100%;}
  #menu2 ul{width:100%;}
  #menu2 li, #menu2 li:hover, #menu2 .selected{width:25%;border:none;}
  #menu2 li a{width:100%;height:auto;padding:10px 5%;background:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
  #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:none;}
  #content .imagesGallery table img{max-width:110px;}
}
@media screen and (max-width:740px){
  #copy, .foot{float:none;width:100%;text-align:center;padding:0 0 20px;}
}
@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;}
}
@media screen and (max-width:481px){
  #logo #title a{font-size:2em;}
  #menu2 li{width:100%;}
  #menu2 li:hover, #menu2 .selected{width:100%;}
  #menu2 li a:hover, #menu2 .selected a, #menu2 .selected-parent a{background:var(--color-secondary);}
}
@media screen and (max-width:360px){
  #head2 .container{height:auto;}
  #lang{position:absolute;top:10px;right:10px;padding:0;}
  #product #box #addBasket .submit{width:96%;padding:10px 2%;background:var(--color-primary);}
  #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:70px;}
  #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 */