<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('stylesheet/font-face.css'); 
body, input, select, textarea, button {font-family: Arial, Helvetica, sans-serif; font-size: inherit;}
body {font-size: 80%; background: #fff url('../../../../image/body/1.jpg') no-repeat fixed; background-size: cover; margin: 0; padding: 0; overflow-x: hidden;}

body, th, td {text-align: left;}
form, ul, ul li {margin: 0; padding: 0;}
ul li {list-style-type: none;}
a, button, input {outline: none;}
img, iframe {border: 0;}
p, #content ul {margin: 0 0 1em 0; padding: 0;}
table {width: 100%; border-collapse: collapse; margin: 0;} 
td {padding: 5px;} 
.cleaner {clear: both; line-height: 0; visibility: hidden; font-size: 0;}

button.submit,
strong.box-heading,
.breadcrumb a:last-child {pointer-events: none;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

.slideshow {width: 880px; height: 380px;}


/* fonts */
/* Open Sans */
h1, h2, h3,
strong.box-heading,
.price-savings, .ribbon span, 
#header .phone,
#menu-header, .menu-left {font-family: 'Open Sans', sans-serif;}


/* FontAwesome */
.icon:before, .icon:after,
.ico:before, .ico:after,
.button.left:before,
.button.right:after,
input[type="checkbox"] + label:before,
.owl-prev, .owl-next,
#scrollup:before,
.breadcrumb a:first-child:before,
.tab-description ul li:before,
ul.check li:before,
.form-table-wrap ul li:before,
.pagination .links a.prev-page,
.pagination .links a.next-page,
.pagination .links a.first-page,
.pagination .links a.last-page,
.success:before, .warning:before, .attention:before, .warning-wrapp:before, .error:before {font: normal normal normal 16px/1 'FontAwesome'; display: inline-block; text-decoration: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}


/* icon vector */ 
.icon:before {text-align: center; margin: 0;}
.ico:before {margin-right: 4px;}
.ico:after {margin-left: 4px;}
.ico:before, .ico:after {color: inherit; text-decoration: none;}
.button.ico:before {margin-right: 6px; color: #fff;}
a.remove {color: #676767;}

.icon.cart:before, .ico.cart:before {content: "\f07a";}
.icon.options-cart:before {content: "\f217";}
.icon.cart-preorder:before, .ico.cart-preorder:before {content: "\f218";}
.icon.cart-outofstock:before, .ico.cart-outofstock:before {content: "\f05e";}
.icon.list-view:before {content: "\f00b";}
.icon.grid-view:before {content: "\f00a";}
.icon.plus:before {content: "\f067";} 
.icon.minus:before {content: "\f068";} 
.icon.remove:before, .icon.close:before {content: "\f00d";} 
.icon.edit:before, .ico.edit:before  {content: "\f040";}
.icon.view:before {content: "\f06e";} 
.icon.delete:before,
.ico.delete:before {content: "\f014";}
.icon.repeat:before {content: "\f01e";}
.icon.return:before, .ico.return:before {content: "\f112";}
.icon.refresh:before, .ico.refresh:before {content: "\f021";}
.icon.star:before {content: "\f005";}
.icon.search:before, .ico.search:before {content: "\f002";} 
.icon.prev:before {content: "\f060";} 
.icon.next:after {content: "\f061";} 
.icon.eshop-basket:before {content: "\f291";}

.ico.user:before {content: "\f007";}
.ico.register:before {content: "\f084";}
.ico.logout:before {content: "\f08b";}
.ico.compare:before, .icon.compare:before {content: "\f0ec";}
.ico.wishlist:before, .icon.wishlist:before {content: "\f004";}
.ico.info-circle:before {content: "\f05a";}
.ico.support:before {content: "\f1cd";}
.ico.user-plus:before {content: "\f234";}
.ico.remove:before {content: "\f014";}
.ico.writeus:before {content: "\f003";}
.ico.address:before {content: "\f0f7";}
.ico.insert:before {content: "\f055";}
.ico.password:before {content: "\f023";}
.ico.reward:before {content: "\f1e2";}
.ico.list:before {content: "\f0cb";}
.ico.orders:before {content: "\f022";}
.ico.gift:before {content: "\f06b";}
.ico.special:before {content: "\f0a1";}
.ico.featured:before {content: "\f046";}
.ico.latest:before {content: "\f274";}
.ico.bestseller:before {content: "\f201";}
.ico.check:before, .icon.check:before, ul.check li:before, .button-cart.full:before {content: "\f00c";}
.ico.phone:before {content: "\f095"}
.ico.home:before, .breadcrumb a:first-child:before {content: "\f015";}

.ico.statistic:before, .icon.statistic:before {content: "\f080";}
.ico.review:before {content: "\f02d";}
.ico.positive:before {content: "\f164";}
.ico.negative:before {content: "\f165";}
.ico.imagefile:before {content: "\f1c5";}
.ico.shippingfree:before {content: "\f0d1"; transform: scaleX(-1);}
.ico.sizechart:before {content: "\f0ce";}
.ico.download:before {content: "\f019";}
.ico.filter:before {content: "\f0b0";}

.ico.morelink:after {content: "\f101";}
.ico.external-link:after {content: "\f08e";}

/* social */
.ico.facebook:before,
.icon.facebook:before {content: "\f230";}
.ico.facebook:hover:before,
.icon.facebook:hover:before {color: #4862a3;}

.ico.twitter:before,
.icon.twitter:before {content: "\f099";}
.ico.twitter:hover:before,
.icon.twitter:hover:before  {color: #1da1f2;}

.ico.googleplus:before,
.icon.googleplus:before {content: "\f0d4";}
.ico.googleplus:hover:before,
.icon.googleplus:hover:before {color: #db4437;}

.ico.youtube:before,
.icon.youtube:before {content: "\f167";}
.ico.youtube:hover:before,
.icon.youtube:hover:before {color: #c63127;}

.ico.instagram:before,
.icon.instagram:before {content: "\f16d";}
.ico.instagram:hover:before,
.icon.instagram:hover:before  {color: #d32e88;}

/* notification */
.attention:before {content: "\f05a";}
.warning:before,  .warning-wrapp:before, .error:before {content: "\f06a";}
.success:before {content: "\f058";}


/* button */
.button.left:before {content: "\f053";}
.button.right:after {content: "\f054";} 

/* odrazky a cislovani */
#footer .column ul li,
.tab-description ul li,
ul.check li,
.article ul li,
.article ol li,
.form-table-wrap ul li {margin: 0 0 0.5em 0; padding-left: 16px;}

.login.right ul li {padding-left: 1.5em;}

.article ol li {margin-left: -16px; padding-left: 0;}


/* odrazky a cislovani */
#footer .column ul li,
.tab-description ul li,
ul.check li,
.article ul li,
.article ol li,
.form-table-wrap ul li {text-align: left; margin: 0 0 0.6em 0; padding-left: 1em;}

ul.check li {padding-left: 1.5em;}

.article ol {padding: 0 0 0 1em;}
.article ol li {padding-left: 0;}


/* odrazka */
#footer .column ul li:before,
.menu-left ul ul li a:before,
.tab-description ul li:before,
ul.check li:before,
.article ul li:before,
.form-table-wrap ul li:before {width: 1em; display: inline-block; margin-left: -1em; font-size: 100%; line-height: 1;}

ul.check li:before {top: 0; margin-left: -1.5em; width: 1.5em;}

.form-table-wrap ul li:last-child {margin-bottom: -14px;}

/* odrazka ctverec */
.menu-left ul ul li a:before,
.tab-description ul li:before,
.article ul li:before,
.form-table-wrap ul li:before {content: "\25a0";}

/* odrazka kruh */
#footer .column ul li:before {content: "\25cf";}



/* cursor */
.product-info #image-additional a,
.gallery .image a,
.vpravoobr.news {cursor: url('image/magnify.cur'), pointer;}


input + label,
.menu-left ul li.sub &gt; .submenu-button,
a, button, .button, .spinner div,
.close, #header #cart #checkout-link {cursor: pointer;}


.button-cart.cart-outofstock,
input[type="text"].readonly {cursor: not-allowed;}

/* google-maps */
iframe.google-maps {clear: both; width: 100%; height: 300px; line-height: 0;}

/* fb */
.fb-box {width: 95px; height: 65px;}
.fb-likebox {width: 100%; height: 154px;}
.fb-box, .fb-likebox {border: none; display: block; margin: 0 auto; overflow: hidden;}
.fb-like {margin: 30px 0; float: right;}

/* obecne deklarace */
.vlevoobr {margin: 0 15px 10px 0; float: left}
.vpravoobr {margin: 0 0 10px 15px; float: right;}
.stredobr {display: block; margin: 0 auto 15px auto;}

div.left, .button.left {float: left;}
div.right, .button.right {float: right;}

td.right, th.right {text-align: right;}
.center {text-align: center;}

/* hromadne deklarace */
/* display: none */
[data-toggle="toggleblock"],
#checkout-tabs label input,
.loadingblock,
#forgoten,
#register_company_form,
.product-info #options .option-image label input {display: none;}

/* clearfix */
.clearfix:before, .clearfix:after,
#content-wrapper:before, #content-wrapper:after,
.product:before, .product:after,
.article:before, .article:after,
.form-table-wrap:before, .form-table-wrap:after,
.htabs:before, .htabs:after,
.tab-content:before, .tab-content:after,
.perex:before, .perex:after,
.product-list:before, .product-list:after,
.product-grid:before, .product-grid:after,
.buttons:before, .buttons:after,
.product-grid .product-cart:before, .product-grid .product-cart:after {content: ""; display: table;}

.clearfix:after,
#content-wrapper:after,
.product:after, 
.article:after,
.form-table-wrap:after,
.htabs:after,
.tab-content:after,
.perex:after,
.product-list:after,
.product-grid:after,
.buttons:after,
.product-grid .product-cart:after {clear:both;}


.sitemap-info .left, .sitemap-info .right,
.contact-info .left, .contact-info .right,
.login.left, .login.right {width: 48%;}


a.icon:hover, 
button:hover, .button:hover, 
#header #search .button-search:hover, 
.button-cart:hover, 
.box .box-content.newslletter .button:hover {text-decoration: none;}


#header .content,
.success-popup {background-image: url('image/bg_cart_content.gif'); background-repeat: repeat-x; background-position: 0 bottom;}


/* filter alpha */
#header #language img,
a#facebook:hover,
#menu-left-ico a:hover,
.product-ico a:hover img {filter: alpha(opacity=70); opacity: 0.7;}



/* barvy */
body,
#menu-header &gt; ul &gt; li &gt; a,
#menu-login &gt; a,
#livesearch li span.price, #livesearch li p,
.menu-left ul li a,
.tabs-ico .ico:hover, .tabs-ico .ico.selected,
.htabs a,
.pagination .links a, 
.pagination .links span,
.product .image .icons a,
.product-filter .display &gt; a:hover:before, .product-filter .display &gt; a.select:before,
.success h2,
.close, .close:hover, .close:focus {color: #000;}

#header .phone,
#menu-header &gt; ul &gt; li.active &gt; a,
#menu-header &gt; ul &gt; li.active &gt; a:hover {color: #fff;}

a,
input[type="checkbox"]:checked + label:before,
.success-popup .product strong {color: #337baf;}


h1 {font-size: 140%; color: #535353; margin: 0 0 0.8em 0;}
h2, h3, h4 {margin: 0 0 0.5em 0; padding: 0;}
h2 {font-size: 120%;}
h3 {font-size: 105%;}
h4 {font-size: 100%;}


.warning:before, .warning-wrapp:before, .error:before,
table.checkout-cart tfoot tr:last-child td {color: #d60003;}


.product h3 a,
#header #cart #checkout-link a,
#prevnext-product a:hover {color: #2f2f2f;}


#header .phone:before,
#footer .column h2:before,
#copyright a,
.nivo-directionNav a:hover:before,
#priceslider #min.slide, #priceslider #max.slide {color: #2c6996;}


ul.check li:before,
#footer .column ul li:before,
.menu-left ul ul li a:before,
.tab-description ul li:before,
.article ul li:before,
.form-table-wrap ul li:before {color: #ccc;}


.product-info .description strong,
.product-info .price .discount,
.product-info .product-cart .price .reward,
.price-special-countdown,
table.checkout-cart thead th,
table.checkout-cart tfoot tr:last-child th,
table.compare-info thead th,
table.attribute thead th,
table.list th {color: #4d4d4d;}


/* systemove barvy */
/* green */
.green {color: green!important;}

/* red */
.red,
.required, .error,
.tab-content.tab-options .image label.selected .check:before,
a.remove:hover,
.col-last a.cart-outofstock {color: red;}


/* pozadi */
#menu-login,
#header #cart p#cart_total:before {background-color: #d3e2ee;}


#menu-header {background-color: #d4e2ed;}


#menu-header &gt; ul,
#copyright {background-color: #afcbe0;}


#menu-header &gt; ul &gt; li &gt; a:hover {background-color: #9ec0d9;}


#header-wrapper,
.category-info,
.pagination .links a:hover,
.pagination .links span,
.pagination .links a.prev-page:hover,
.pagination .links a.next-page:hover,
.pagination .links a.first-page:hover,
.pagination .links a.last-page:hover,
#content .box.mfilter-box .mfilter-heading,
.shippingfree .percent-range-wrapper {background-color: #e5eef5;}

#header .phone,
#header #cart p#cart_total.cart-full:before,
#menu-header &gt; ul &gt; li.active &gt; a, #menu-header &gt; ul &gt; li.active &gt; a:hover,
input[type="radio"]:checked + label:before,
button,
.button,
.button-cart,
.tabs-ico .ico.selected:after,
.tabs-ico .ico:hover:after,
.spinner div,
#header #search .button-search,
.ui-slider .ui-slider-range,
.nivo-controlNav a:hover, .nivo-controlNav a.active,
.shippingfree .percent-range {background-color: #059ec5;}

.shippingfree .percent-range-wrapper {border: 1px solid #2f74a5;}


.button-cart.cart-preorder,
#header #cart span#items {background-color: #22b2ec;}


/* button:hover */
button:hover, .button:hover, #header #search .button-search:hover, .button-cart:hover, .spinner div:hover, .spinner div:focus,
.box .box-content.newslletter .button:hover {background-color: #285f88;}


/* button:before */
.button.left:before,
.button.right:after {background-color: #00b6e4;}

.button:hover.left:before,
.button:hover.right:after {background-color: #08aad2;}


/* menu left parent */
.menu-left &gt; ul,
#column-left .box .box-content,
#livesearch a:hover, #livesearch li.active a,
.button-small,
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option:hover,
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option.mfilter-input-active {background-color: #f3f3f3;}

.menu-left &gt; ul &gt; li &gt; a:hover, .menu-left &gt; ul &gt; li &gt; a:focus, .menu-left &gt; ul &gt; li.active &gt; a {background-color: #e3e3e3;}

/* menu left children */
.menu-left ul ul li a {background-color: #e8f0f5;}

.menu-left ul ul li &gt; a:hover, .menu-left ul ul li &gt; a:focus, .menu-left ul ul li.active &gt; a {background-color: #d1e1eb;}


/* menu left children 2 + form svetle */
.menu-left ul ul ul li &gt; a,
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select, input[type="text"].readonly:focus, input[type="text"].readonly:hover,
#content .mfilter-content  {background-color: #f2f7fa;}

.menu-left ul ul ul li &gt; a:hover, .menu-left ul ul ul li &gt; a:focus, .menu-left ul ul ul li.active &gt; a {background-color: #e1ecf3;} 


div.methods-table div.highlight:hover,
table.checkout-cart tr:nth-child(even) td, table.checkout-cart tr:hover td,
table.compare-info tr:nth-child(even) td, table.compare-info tr:hover td,
table.list tr:nth-child(even) td {background-color: #fcfcfc;}


.form-table-wrap,
.product-filter,
.product-info #options,
.product-info .product-cart {padding: 8px; background-color: #f7f7f7; border: 1px solid #e1e1e1;}

.ribbon &gt; span {background-color: #fd6f00;}

/* systemove barvy */
.warning, .warning-wrapp,
table.checkout-cart tr.outofstock td {background-color: #ffd1d1!important;}

/* green */
.ribbon.topright &gt; span {background-color: #009900;}

/* red */
.ribbon &gt; span.red,
.button-cart.cart-outofstock {background-color: red!important;}


/* border */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select, input[type="text"].readonly:focus, input[type="text"].readonly:hover,
input[type="checkbox"] + label:before, input[type="radio"] + label:before,
input[type="checkbox"]:checked + label:hover:before, input[type="radio"]:checked + label:hover:before,
#content .mfilter-content_top .mfilter-content &gt; ul &gt; li .mfilter-content-opts,
#content .mfilter-content_top .mfilter-content &gt; ul &gt; li .mfilter-heading,
#content .mfilter-content_top .mfilter-tb .mfilter-tb {border-color: #b3cde1;}


textarea:hover, input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="number"]:hover, input[type="tel"]:hover, input[type="date"]:hover,
input[type="checkbox"] + label:hover:before, input[type="radio"] + label:hover:before, select:hover {border-color: #ccc;}

.menu-left ul ul li {border-color: #d2e2ed;}

#header #cart p#cart_total::after,
.menu-left ul li.sub &gt; .submenu-button::before {border-color: #999}


/* border-radius */
.form-table-wrap,
.product-filter,
.product-info #options,
.product-info .product-cart,
#header #cart,
#header #currency a,
#menu-login .content,
.menu-left &gt; ul,
#column-left .box .box-content,
.category-info,
#product-special.product-grid,
.address-list,
.pagination .links span,
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select, input[type="text"].readonly:focus, input[type="text"].readonly:hover,
.button, .button-cart,
.btn,
.button-small,
.error, .success, .warning, .attention, .error, .attention, .warning-wrapp, .success-popup,
#content .mfilter-content,
.shippingfree .percent-range-wrapper,
.methods-block .methods label {border-radius: 4px;}

#header .content,
#livesearch {border-radius: 4px 0 4px 4px;}

#header #cart:hover, #header #cart.hover {border-radius: 4px 4px 0 0;}

#header #search .form-header-search {border-radius: 4px 0 0 4px;}

#header #search .button-search {border-radius: 0 4px 4px 0;}

#menu-login {border-radius: 0 0 4px 4px;}

#menu-header &gt; ul {border-radius: 8px 8px 0 0;}

.htabs a {border-radius: 8px 8px 0 0;}
.tab-content {border-radius: 0 0 8px 8px;}




/* layout */
#header, #menu-header &gt; ul, #content-wrapper, #footer {margin: 0 auto;}

/* sirka webu */
#header, 
#menu-header &gt; ul, 
#content-wrapper, 
#footer {width: 1140px;}

#menu-header &gt; ul, #content, #footer {overflow: hidden;}

#header, #header a#logo {height: 120px;}
#header {position: relative;}
#header a#logo {display: block; position: absolute;  top: 0; left: 0; width: 230px; background: url('image/logo.png') no-repeat center center;}


/* header phone */
#header .phone {position: absolute; left: 380px; top: 10px; height: 30px; line-height: 30px; font-size: 19px; padding: 0 6px 0 36px; border-radius: 8px; white-space: nowrap; box-sizing: border-box;}
#header .phone:before {position: absolute; top: 0; left: 0; height: 30px; width: 30px; text-align: center; font-size: 26px; line-height: 30px; background-color: #000; border-radius: 8px;}



/* header language */
#header #language {position: absolute; top: 10px; left: 540px;}
#header #language img {margin-left: 6px; cursor: pointer;}
#header #language img.select, #header #language img:hover {filter: alpha(opacity=100); opacity: 1;}


/* header currency */
#header #currency {position: absolute; top: 10px; left: 630px;}
#header #currency a {display: inline-block; text-align: center; margin-left: 5px; padding: 3px 0; width: 20px; border: 1px solid #999999; box-shadow: -1px 1px 2px #545454; background-color: #efefef; text-decoration: none;}
#header #currency a:hover, #header #currency a.select {background-color: #fff;}
#header #currency a.select {font-weight: bold;}



/* header search */
#header #search {position: absolute; top: 50px; left: 380px; width: 356px; height: 60px;}
#header #search .form-header-search {position: absolute; top: 0; left: 0; width: 319px; height: 38px; line-height: 38px; font-size: 13px; padding: 0 8px; border: 1px solid #999; background-color: #fff; box-sizing: border-box;}
#header #search .button-search {position: absolute; top: 0; right: 0; width: 38px; height: 38px; color: #fff; padding: 0;}
#header #search p {position: absolute; bottom: 0; left: 0; margin: 0;}
#header #search p a {color: #5c5c5c;}


/* header search livesearch */
#livesearch {position: absolute; top: 0; background: #fff; z-index: 100; box-shadow: -3px 3px 3px -1px #c8c8c8; overflow: hidden;}
#livesearch li {border-top: 1px dotted #ccc;}
#livesearch li:first-child {border-top: none;}
#livesearch li a {display: block; padding: 8px; text-decoration: none;}
#livesearch li img {float: left; width: 50px; height: auto;}
#livesearch li span {display: inline-block; overflow: hidden; font-size: 90%;}
#livesearch li span.name {float: left;  font-weight: bold; width: 160px; padding: 0 10px;}
#livesearch li span.price {float: right; font-weight: bold; white-space: nowrap;}
#livesearch li span.price .price-new {font-size: 120%;}
#livesearch li p {text-align: center; margin: 0; padding: 0.5em 0;}


/* header cart */
#header #cart {position: absolute; bottom: 0; right: 0; transition: background-color .25s ease-in-out;}
#header #cart.fixed {position: fixed; top: 10px; bottom: auto; right: 10px; background: rgba(255,255,255); background: rgba(255,255,255,0.7); z-index: 1000;}
#header #cart h2 {margin: 0; padding: 0 0 0 44px;}
#header #cart p#cart_total {margin: 0; padding: 1px 18px 1px 44px;  white-space: nowrap; text-shadow: 1px 1px #fff;}
#header #cart p#cart_total::before {position: absolute; left: 8px; top: 8px; width: 34px; height: 34px; color: #fff; font-size: 24px; text-align: center; line-height: 34px;  border-radius: 50%;}
#header #cart p#cart_total::after {position: absolute; bottom: 13px; right: 8px; width: 6px; height: 6px; content: ""; border-style: solid; border-width: 2px 0 0 2px;  transform: rotate(-45deg); transition: transform .2s ease-in-out;}
#header #cart.hover p#cart_total::after {transform: rotate(-135deg);}

#header #cart span#items {position: absolute; top: 4px; left: 34px; width: 15px; height: 15px; line-height: 15px; color: #fff; font-size: 11px; text-align: center; z-index: 90; border-radius: 50%; text-shadow: 1px 1px #000;}

#header #cart .content {width: 450px; max-height: 480px; overflow-x: hidden; overflow-y: auto;}
#header #cart .content .empty {text-align: center; margin: 25px 0;}
#header #cart .content .button {margin-bottom: 8px;}
#header #cart.active .content {display: block;}

/* header hover content */
#header .content {display: none; position: absolute; top: 100%; right: 0; z-index: 100; box-shadow: -3px 3px 3px -1px #c8c8c8;}
#header #cart, #header .content {padding: 8px;}
#header #cart:hover, #header #cart.hover, #header .content, .success-popup {background-color: #f6f7f9;}



/* content */
#content-wrapper {padding: 15px 0; background-color: #fff;}
#column-left {float: left; width: 230px;}
#content {padding: 0 15px 20px 15px; width: auto; min-height: 400px;} 

/* footer */
#footer-wrapper {background: rgba(243,243,243,0.7); padding: 5px 0; border-top: 1px solid #e3e3e3;}  
#footer .column h2 {font-size: 110%; margin-bottom: 1em;}
#footer .column h2:before {font-size: 20px;}

#footer .column {float: left; width: 20%; min-height: 155px; margin: 10px 0; padding: 0 20px; border-left: 1px dotted #808080;}
#footer .column.first {border-left: none;}

#footer .column .footer-icon a.icon {margin-right: 10px;}
#footer .column .footer-icon a.icon:before {font-size: 32px;}

#copyright {text-align: center; padding: 10px;}


/* menu-login */
#menu-login {position: relative; float: right; padding: 10px;}
#menu-login &gt; a {font-size: 90%;}
#menu-login &gt; a.first {margin-right: 10px;}
#menu-login .content {z-index: 200;}
#menu-login .content .form-table {width: 250px;}



/* menu header */
@media screen and (min-width: 1140px) {
#menu-header &gt; ul {display: flex; flex-direction: row;} 
#menu-header &gt; ul &gt; li {text-align: center; flex-grow: 1;}  
}

#menu-header &gt; ul &gt; li {float: left; position: relative;}
#menu-header &gt; ul &gt; li &gt; a {display: block; font-size: 13px; font-weight: bold; padding: 13px 26px; text-transform: uppercase; text-decoration: none; transition: background-color .2s ease-in-out;}
#menu-header &gt; ul &gt; li:before {content: ""; width: 1px; height: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; border-left: 1px dotted #808080;} 
#menu-header &gt; ul &gt; li.first:before {display: none;}


/* menu left box */
.menu-left ul li.sub, .menu-left ul li.sub &gt; a {position: relative;}
.menu-left ul {overflow: hidden;}
.menu-left &gt; ul &gt; li {border-top: 1px solid #e3e3e3;}
.menu-left &gt; ul li:first-child {border: none;}
.menu-left ul li a {display: block; font-size: 11px; padding: 10px; text-decoration: none; transition: background-color .3s ease-in-out;}

/* sub ico */
.menu-left ul li.sub &gt; a {padding-right: 25px;}
.menu-left ul li.sub &gt; .submenu-button {position: absolute; top: 0; right: 0; width: 25px; height: 36px; z-index: 10;}
.menu-left ul li.sub &gt; .submenu-button::before {display: block; content: ""; position: absolute; top: 14px; right: 10px; width: 6px; height: 6px; border-style: solid; border-width: 0 2px 2px 0; transform: rotate(-45deg); transition: all .2s ease-in-out;} 

.menu-left ul li.sub &gt; .submenu-button:hover::before,
.menu-left ul li.open.sub &gt; .submenu-button::before {border-color: #000;}  

/* sub ico rotate */
.menu-left ul li.open.sub &gt; .submenu-button::before {transform: rotate(45deg);}

/* children */
.menu-left ul ul li {border-top-width: 1px; border-top-style: solid;}
.menu-left ul ul li a {position: relative; padding-left: 24px;}
.menu-left ul ul li a:before {top: 7px; left: 9px;}

/* children hide */
.menu-left ul li &gt; ul {display: none;}
.menu-left ul li.active &gt; ul {display: block;}



/* menu-left + box */
.menu-left,
#column-left .box {margin: 0 0 20px 0; padding: 0 0 0 10px;}


/* tabs ico */
.tabs-ico {text-align: center; border-bottom: 1px solid #ddd; margin-bottom: 1em;}
.tabs-ico .ico {display: inline-block; position: relative; font-size: 120%; font-weight: bold; color: #666; margin: 0 15px; padding: 10px 15px 0 15px; text-decoration: none; cursor: pointer;}
.tabs-ico .ico:after {display: block; content: ""; margin: 10px auto -1px auto; height: 1px; width: 0; background: transparent; transition: all .5s ease;}
.tabs-ico .ico:hover:after,
.tabs-ico .ico.selected:after {width: 100%;}
.tabs-ico .ico:before {font-size: inherit;}



/* breadcrumb */
.breadcrumb {margin-bottom: 0.5em;}
.breadcrumb a:first-child:before {margin-right: 4px;}
.breadcrumb a:last-child {cursor: default;}
.breadcrumb a+a:before, .breadcrumb span:before, .breadcrumb span:last-of-type:after {display: inline-block; content: "\00BB"; margin: 0 6px;}
.breadcrumb, .breadcrumb a:before, .breadcrumb span:before, .breadcrumb a:last-child {color: #999; text-decoration: none;}


/* box */
#content .box {padding: 0 0 30px 0;}
strong.box-heading {display: block; font-size: 120%; margin: 0 0 0.5em 0; padding-bottom: 5px; border-bottom: 1px dotted #c6c6c6;}
#column-left .box .box-content {padding: 5px 10px; margin-bottom: 2em;}

/* box bestseller */
#bestseller.box-content ol {margin: 0 0 0 20px; padding: 0;}
#bestseller.box-content ol li {line-height: 1; color: #3b3b3b; font-weight: bold; margin-bottom: 0.8em;}
#bestseller.box-content ol li:after {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
#bestseller.box-content ol li a {display: block; margin-bottom: 0.5em;}
#bestseller.box-content ol li img {width: 74px; height: auto;}
#bestseller.box-content ol li .price-old {font-size: 90%;}


/* box statistic */
/* counters */
#bestseller.box-content .statistic {margin-top: 25px;}
#bestseller.box-content .statistic p {position: relative; margin-bottom: 1.5em; padding: 0 0 0 40px; background-repeat: no-repeat; background-position: left center;}
#bestseller.box-content .statistic p:before {position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 24px; color: #999;} 
#bestseller.box-content .statistic p strong {color: #626262; font-size: 170%;}


/* box circle-progress counters */
#counters.box-content {text-align: center;}
#counters.box-content .counter  {display: inline-block; margin: 10px;}
#counters.box-content .counter h2 {font-size: 110%;}

#counters.box-content .count,
#counters.box-content .count strong  {display: inline-block; width: 120px; height: 120px;}

#counters.box-content .count {position: relative;}
#counters.box-content .count canvas {vertical-align: top;} 
#counters.box-content .count strong {position: absolute; top: 0; left: 0; color: #626262; font-size: 30px; line-height: 120px;} 
#counters.box-content .count:before {position: absolute; top: 18px; left: 0; right: 0; font-size: 20px; color: #999;} 



/* news */
.perex {margin: 0 0 0.5em 0; border-bottom: 1px dotted #d2d2d2;}
.perex .vlevoobr  {max-width: 200px; height: auto;}
.vpravoobr.news {max-width: 400px; height: auto;}
.date {font-size: 90%; text-align: right; color: #999;}

/* more */
.more {clear: both; text-align: right;}
#content .more { padding-top: 1em;}


/* content */
#content .content {margin-bottom: 30px;}


/* article */
.article {margin-bottom: 1em; line-height: 140%;}
.article.welcome {margin-top: 2em;}


/* product category */
.product-filter {margin-bottom: 1em; padding: 8px;}
.product-filter span {font-size: 90%;}
.product-filter .display, .product-filter .product-compare {float: left; margin-top: 6px;}

.product-filter .display {margin-right: 10px;}
.product-filter .display &gt; a {margin-right: 5px;}
.product-filter .display &gt; a:before {font-size: 18px; color: #676767; text-shadow: 1px 1px 0 #fff;}

.product-filter .product-compare a {font-weight: bold;}

.product-filter .sort, .product-filter .limit {float: right;}
.product-filter .sort span {margin-left: 10px;}
.product-filter .limit {margin-left: 15px;}

/* search category */
.search-category a+a,
.search-filter-category a+a {margin-left: 5px; padding-left: 6px; border-left: 1px dotted #000;}
.search-filter-category {margin-bottom: 1em;}

.category-info {margin-bottom: 15px; padding: 10px 10px 5px 10px; overflow: hidden;}
.category-info &gt; img {float: right; width: 120px; height: auto; border: none; margin: 0 0 0 5px;}


/* price */
.price {white-space: nowrap;}
.price-new {color: #f00000;}
.price-old {font-weight: normal; text-decoration: line-through;}
.price-old, .price-percent {color: #3b3b3b;}
.price-tax {color: #999;}


/* ribbon */
.ribbon {position: absolute; overflow: hidden; width: 86px; height: 86px;}
.ribbon &gt; span {display: block; position: absolute; top: 22px; margin: auto; font-size: 9px; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; line-height: 22px; width: 114px; text-shadow: 1px 1px rgba(0,0,0,.6); box-shadow: 0 3px 10px -5px rgba(0,0,0,.8); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.ribbon  &gt; span::before, .ribbon &gt; span::after {content: "";  position: absolute; top: 100%; border: 3px solid #666; border-bottom-color: transparent; z-index: -1;}

/* top left  */
.ribbon.topleft {left: -4px; top: -4px;}
.ribbon.topleft &gt; span {left: -25px; transform: rotate(-45deg);}
.ribbon.topleft &gt; span::before {left: 0; border-right-color: transparent; }
.ribbon.topleft &gt; span::after {right: 0; border-left-color: transparent;}

/* top right  */
.ribbon.topright {right: -4px; top: -4px;}
.ribbon.topright &gt; span {right: -25px;  transform: rotate(45deg);}
.ribbon.topright &gt; span::before {left: 0px; border-right-color: transparent;}
.ribbon.topright &gt; span::after {right: 0px; border-left-color: transparent;}
.ribbon.topright span.ico.shippingfree:before {position: absolute; top: 4px; right: 78px; font-size: 14px; color: #fff;}
.ribbon.topright span.ico.shippingfree {display: block;  transform: translateX(9px); padding: 2px 0; line-height: 1;}


/* status */
.product .image .action,
.image .status-new,
.product .image .price-savings {position: absolute; z-index: 10;}

.price-savings {display: block; text-align: center; font-weight: bold; color: #fff; background-color: #f00000; border-radius: 50%; text-shadow: 1px 1px #000;}

.action, .status-new {width: 47px; height: 47px; background-repeat: no-repeat; background-size: 47px 47px;}
.action {background-image: url('image/ico-action.svg');}
.status-new {background-image: url('image/ico-new.svg'); right: -4px; bottom: -4px;}

 /* status product-grid/list */
.product .image .price-savings  {left: 30px; bottom: 20px; font-size: 85%; line-height: 34px; width: 34px; height: 34px;}
.product .image .action {left: -4px; bottom: -4px;}

/* status product-info */
.product-info .price-savings {float: right; font-size: 160%; line-height: 60px; width: 60px; height: 60px;}
.product-info .status-new {width: 60px; height: 60px; background-size: 60px 60px;}


/* product-list */
.product-list .product {padding: 8px; border-top-width: 0; border-right-width: 0; border-bottom-width: 1px; border-left-width: 0;}
.product-list .product .image {float: left; width: 200px; margin: 0 10px 5px 0;}
.product-list .product h3 {font-size: 100%; height: 1.5em; margin-bottom: 0.5em; overflow: hidden;}
.product-list .product p {font-size: 85%; margin-bottom: 0.5em;}
.product-list .product .description {margin-bottom: 0.5em;}

.product-list .product .product-cart {float: right; text-align: right; margin: 0 0 5px 10px;}
.product-list .product .product-cart .price {padding-bottom: 15px;}
.product-list .product .product-cart .price .price-new {font-size: 120%;}
.product-list .product .product-cart .price .price-tax {font-size: 80%; font-weight: normal; color: #838383;}


/* product-grid */
.product-grid {margin-bottom: 2em;}
.product-grid .product {float: left; width: 25%; padding: 10px; border-top-width: 0; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0; overflow: hidden; box-sizing: border-box;}
.product-grid .product .image &gt; a {height: 200px; line-height: 200px;}
.product-grid .product h3 {font-size: 90%; height: 3em; margin-bottom: 0.6em; line-height: 1.5; overflow: hidden;}
.product-grid .product p {font-size: 85%; margin-bottom: 0.6em;}

.product-grid .product-cart {position: relative; padding-top: 10px;}
.product-grid .product-cart .price {float: left; height: 38px; line-height: 1.2;}
.product-grid .product-cart .price .price-new {font-size: 110%;}
.product-grid .product-cart .price .price-tax {display: none;}
.product-grid .product-cart .button-cart {float: right;}
.product-grid .product-cart .rating {position: absolute; right: 0; top: -11px;}
.product-grid .product .description {display: none;}


/* product-grid carousel */
.tab-content-product-grid .product-grid {border-bottom: 1px solid #ddd;}
.tab-content-product-grid .product-grid.owl-carousel .owl-buttons {top: -46px;}
.tab-content-product-grid .product-grid .product:nth-child(5n) {clear: left;}
.product-grid.owl-carousel .owl-buttons {position: absolute; top: -32px; right: 0;}
.tab-content-product-grid .product-grid .product, .product-grid.owl-carousel .product {border-right-width: 0;}
.tab-content-product-grid .product-grid.owl-carousel div .product:last-child {border-bottom-width: 0;}
.tab-content-product-grid .product-grid.owl-carousel div .product:first-child {border-bottom-width: 1px;}

.tab-content-product-grid .product-grid .product {border-bottom-width: 0;}


/* product-grid/list */
/* image */
.product .image img {max-width: 100%; height: auto; max-height: 200px; transition: transform .4s ease-in-out;}
.product .image:hover img {transform: scale(1.1);}

/* icons */
.product .image .icons {position: absolute; bottom: -1px;  height: 0; width: 100%; text-align: center; line-height: 1; background: rgba(255,255,255,.95); opacity: 0; overflow: hidden; z-index: 20; transition: all .3s ease-out; }
.product:hover .image .icons {height: 40px; opacity: 1;}
.product .image .icons a {display: inline-block; width: 26px; height: 26px; line-height: 28px; margin: 6px 3px 0 3px; border: 1px solid #ddd;}
.product .image .icons a:hover {background-color: #fff; border: 1px solid #000;}

/* price */
.product .price {font-weight: bold; font-size: 110%;}
.product .price .price-old,
.product .price .price-percent {font-size: 70%;}

/* border */
.product {border-style: dotted; border-color: #d2d2d2;}

@media screen and (min-width: 1140px) {
.product-grid .product:nth-child(4n) {border-right-width: 0;}
.product-grid .product:nth-last-child(-n+4) {border-bottom-width: 0;}
.product-grid .product:nth-child(4n+5) {clear: left;}

.tab-content-product-grid .product-grid .product:nth-child(-n+4) {border-bottom-width: 1px;}
}


/* product list/grid/info */
.product-list .product:nth-child(even),
#product-special.product-grid .product:hover,
#checkout-content-right table.form-table tr:hover td {background-color: #FBFBFB;} 

.product-grid .product:hover, .product-list .product:hover {box-shadow: -1px 2px 4px #e0e0e0;}

/* product list/grid/info image */
.product .image, .product-info .image {position: relative; text-align: center;}
.image &gt; a  {display: block; overflow: hidden;}
.image img {vertical-align: middle;}


/* mega filter */
#content .mfilter-content {padding: 8px;}
#content .mfilter-content ul {margin: 0;}
#content .mfilter-content .mfilter-heading {width: 5%;}
#content .mfilter-content .mfilter-heading .mfilter-heading-text {width: auto; margin-left: 0;}
#content .mfilter-content .mfilter-heading .mfilter-heading-text &gt; span {display: inline-block; padding-left: 0;}

#content .mfilter-content_top .mfilter-content &gt; ul &gt; li .mfilter-heading,
#content .mfilter-content_top .mfilter-content &gt; ul &gt; li .mfilter-content-opts {border-top-width: 1px; border-top-style: solid;}

#content .mfilter-content_top .mfilter-tb .mfilter-tb {border-width: 1px; border-style: solid;}

#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option {background-color: #fff;}
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-counter {font-size: 8pt;}

#content .mfilter-content .mfilter-option label {padding-left: 7px;}


table td.image a,
a img.vlevoobr, a img.vpravoobr,
.box .box-content ol li a img {border: 1px solid transparent;}

table td.image a:hover,
.category-info &gt; img,
.product-info #image-additional a:hover,
.owl-carousel .owl-prev, .owl-carousel .owl-next,
.checkout-cart .image a:hover,
a:hover img.vlevoobr, a:hover img.vlevoobr,
.box .box-content ol li a:hover img {border: 1px solid #e5e5e5;}


/* product info quickview */
body#quickview {padding: 15px; background-image: none;}


/* category/product info */
.product-category {margin-bottom: 30px;}
.product-category a {float: left; display: table; width: calc(100% / 3); margin-bottom: 20px;}
@media screen and (min-width: 1140px) {.product-category a:nth-child(3n+4) {clear: left;}}
.product-category a img {height: auto;}
.product-category a div.image, .product-category a img {width: 88px;}
.product-category a span, .product-category a div {display: table-cell; vertical-align: middle;}
.product-category a span.text {padding: 0 10px; font-weight: bold; font-size: 105%;}


/* product info */
.product-info {margin-bottom: 20px;}

.product-info &gt; .left {padding-bottom: 30px;}
.product-info &gt; .left, .product-info .image-additional {width: 388px;}
.product-info &gt; .right {width: 475px;}
.product-info &gt; .right .description {padding-bottom: 1em;}

.product-info .image {height: 388px; margin-bottom: 15px;}
.product-info .image &gt; a {height: 100%;}
.product-info .image &gt; a &gt; img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; height: auto; max-height: 100%;}


/* image-additional */
.product-info #image-additional-wrapper {height: 126px; overflow: hidden;}
.product-info #image-additional .owl-wrapper-outer {height: 90px; overflow: hidden;}
.product-info #image-additional a {display: block; width: 88px; height: 88px; line-height: 84px; text-align: center; border: 1px solid transparent;}
.product-info #image-additional a &gt; img {max-width: 100%; height: auto; max-height: 88px; vertical-align: middle;}
.product-info #image-additional.owl-carousel .owl-buttons {position: absolute; bottom: -36px; right: 0;}
.product-info #image-additional.owl-carousel .owl-item {margin-right: 2px;}
.product-info #image-additional.owl-carousel .owl-item:last-child {margin-right: 0;}

.product-info .description {margin-bottom: 1em; line-height: 1.5;}

/* option */
.product-info #options, .product-info .cart {margin-bottom: 15px; font-size: 90%}
.product-info #options .option {width: 46%; padding: 0 8px 8px 0; float: left;}
.product-info #options .option:nth-of-type(2n+3) {clear: left;}
.product-info #options .option h3 {font-size: 100%; white-space: nowrap;}
.product-info #options .option h3 span.required {margin-right: 3px;}
.product-info #options .option h3 span.title {margin-left: 5px; font-weight: normal;}

/* option image */
.product-info #options .option-image label {float: left; padding: 5px 5px 3px 5px;}
.product-info #options .option-image label img {border: 1px solid #e1e1e1; width: 30px; height: 30px;}
.product-info #options .option-image label.selected img {border: 1px solid #fff; outline: 1px solid #000; box-shadow: 0 0 5px #000}



/* product cart */
.product-info .product-cart {margin-bottom: 15px;}

.product-info .product-cart .price {font-size: 90%; font-weight: normal; line-height: 1.5;} 
.product-info .product-cart .price .price-big {font-weight: bold; font-size: 140%; margin-bottom: 0.3em;}
.product-info .product-cart .price .action {margin-bottom: 0.5em;}
.product-info .product-cart .price .action p {margin-bottom: 0.3em;}

.product-info .product-cart .right .cart-wrapper {white-space: nowrap; margin-bottom: 5px;}
.product-info .product-cart .right .cart-wrapper .button-cart {margin-left: 5px} 
.product-info .product-cart .right .minimum {padding-top: 5px; font-size: 11px; color: #999;}
.product-info .product-cart .right .links p a {display: inline-block;}
.product-info .product-cart .right .links p {margin: 0 0 0.4em 0;}

.product-info #enquire {margin-bottom: 0.5em;}

.product-info .tags span:after {content: ", ";}
.product-info .tags span:last-child:after {display: none;}


/* atribute tabs */
.htabs {clear: both; height: 30px; border-bottom: 1px solid #e1e1e1;}
.htabs a {float: left; height: 29px; line-height: 30px; font-weight: bold; text-align: center; text-decoration: none; border-top: 1px solid #e1e1e1; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; margin-right: 2px; padding: 0 15px; white-space: nowrap; background: #eee; background: linear-gradient(#fff,#eee);}
.htabs a.selected, .htabs a:hover {height: 30px; background: #fff;}

.tab-content {border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; padding: 10px; z-index: 2; clear: both;}


/* prevnext-product */
#prevnext-product {font-weight: bold; margin: 30px 0;}
#prevnext-product a {display: table; max-width: 48%;}
#prevnext-product a span {font-size: 90%;}
#prevnext-product a img {width: auto; max-width: 50px; height: 50px; margin: 0 10px;}
#prevnext-product a#prev-product {float: left; text-align: left;}
#prevnext-product a#next-product {float: right; text-align: right;}
#prevnext-product a span,
#prevnext-product a#prev-product:before,
#prevnext-product a#next-product:after {display: table-cell; vertical-align: middle;}


/* podobne zbozi */
#product_related {margin-top: 15px;}
#product_related .product-grid {border-top: 1px solid #ddd; border-bottom: none;}


/* two step checkout */
#sch .address.left, #sch .methods.right {width: 49%;}
#sch .slide-form {margin-bottom: 30px;}
#sch .slide-form .button {margin-left: 5px;}

#sch .coupon input[type="text"] {width: 300px;}

#content .confirm .left,
#content .confirm .right {width: 48%;}
#content .confirm ul {margin: 0 0 30px 10px;}
#content .confirm ul li {margin: 0 0 0.5em 0;}
#content .confirm ul li strong { display: inline-block; min-width: 110px; white-space: nowrap; }
#content .confirm h2 {padding: 0 0 0.5em 10px; border-bottom: 1px dotted #000;}

/* account */
/* download-list */
.download-list {margin-bottom: 10px;}
.download-list .download-id {width: 49%; float: left; margin-bottom: 2px;}
.download-list .download-status {width: 49%; float: right; text-align: right; margin-bottom: 2px;}
.download-list .download-content {padding: 10px 0px; display: inline-block; width: 100%; margin-bottom: 20px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE;}
.download-list .download-content div {float: left; width: 33.3%;}
.download-list .download-info {text-align: right;}


/* address-list */
.address-list {margin-bottom: 15px; padding: 10px;} 
.address-list {background-color: #eee; border: 1px solid #fff;}
.address-list h3 {padding-bottom: 0.3em; border-bottom: 1px solid #c9c9c9;}
.address-list .btns .btn.delete {margin-left: 6px;}
.address-list .btns {float: right; white-space: nowrap}




/* methods block */
.methods-block .methods {margin-bottom: 1em;}
.methods-block .methods:last-child {margin-bottom: 0;}
.methods-block .methods label {position: relative; width: 100%; padding: 10px 0 0 25px; border-top: 1px dotted #e1e1e1; box-sizing: border-box;}
.methods-block .methods label:before {position: absolute; top: 10px; left: 0;}
.methods-block .methods label:hover {background-color: rgba(255,255,255,.6);}
.methods-block .methods label span {display: inline-block;}
.methods-block .methods label span.col-title {width: 85%;}
.methods-block .methods label span.col-title span.description {font-size: 90%; color: #666;}
.methods-block .methods label span.col-title img {width: 90px; height: auto; float: right; margin: 0 10px;}
.methods-block .methods label span.col-price {width: 15%; float: right; text-align: right; white-space: nowrap;}

#sch_dynamic_shipping .methods-block .methods label {padding-bottom: 10px;}




/* checkout success */
.facebook-like {margin: 2em auto; width: 95px; padding-top: 80px; background: url('image/ico-arrow-down.png') no-repeat center top;}


/* table */

/* checkout-cart table */
table.checkout-cart {margin-bottom: 1em; background-color: #fff; border: 1px solid #ddd;}
table.checkout-cart th, table.checkout-cart td {border-bottom: 1px solid #ddd;}

table.checkout-cart .image {width: 82px;}
table.checkout-cart .model {width: 15%;}

table.checkout-cart .name p {margin-bottom: 0.3em;}
table.checkout-cart .name h3 {font-size: 90%;}
table.checkout-cart .name ul.small {font-size: 85%;}
table.checkout-cart .name ul.small li {margin-left: 1em; list-style: disc;}
table.checkout-cart .price .price-old {font-size: 90%;}

table.checkout-cart .image {text-align: center;}
table.checkout-cart .image img {max-width: 80px; height: auto;}

table.checkout-cart tfoot td, table.checkout-cart tfoot th {text-align: right; border-bottom: 1px solid #ddd;}
table.checkout-cart tfoot tr:last-child td,
table.checkout-cart tfoot tr:last-child th {font-size: 120%;}


/* compare table */
table.compare-info th {width: 100px; text-align: right;}
table.compare-info td, table.compare-info thead th {text-align: center;}
table.compare-info .name a  {font-weight: bold;}
table.compare-info .price-old {font-size: 90%;}
table.compare-info .price-new {font-size: 110%;}


/* attribute tab table */
table.attribute th {width: 30%;}


/* list table */
table.list .col-half {width: 50%;}


/* table hromadne deklarace */
table.checkout-cart,
table.list,
table.attribute,
table.compare-info {border-top: 1px solid #ddd; border-left: 1px solid #ddd; margin-bottom: 20px;}

table.checkout-cart thead th,
table.checkout-cart tfoot tr:last-child td,
table.checkout-cart tfoot tr:last-child th,
table.compare-info thead th,
table.attribute thead th,
table.list th {font-weight: bold; background-color: #F7F7F7;}

table.checkout-cart td, .checkout-cart th,
table.compare-info th, table.compare-info td,
table.list th, table.list td,
table.attribute th, table.attribute td {padding: 10px 8px;}

table.compare-info th, table.compare-info td,
table.attribute th, table.attribute td,
table.list th, table.list td {border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}


table td.image a {line-height: 80px;} 

/* table column */
table .col-checkbox {width: 1px;}


table .quantity {width: 5%;}

table th.col0,
table .price,
table .total {width: 10%;}

table th.col1 {width: 15%;}

table .remove {width: 12px;}
table .col-last {width: 36px; text-align: center;}
table .col-last a + a {margin-left: 5px;}

table .model, table .quantity, table .price, table .col-last,
table td.right,
table tfoot td {white-space: nowrap;}

table .price,
table .total,
table tfoot th {text-align: right;}

table .total {font-weight: bold;}


/* form-table */
.form-table-wrap {margin-bottom: 2em;}
.form-table-wrap ul {margin: 0;}
.form-table-wrap ul li.ico {padding-left: 1.6em;}
.form-table-wrap ul li.ico:before {color: #999;}

.form-table th {width: 10%;}
.form-table th:nth-child(3) {padding-left: 10px;}
.form-table th.top {padding-top: 0.8em; vertical-align: top}
.form-table th label {white-space: nowrap;}
.form-table td {padding-right: 0;}
.form-table td img {vertical-align: middle;}



/* form */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], textarea, select, input[type="text"].readonly:focus, input[type="text"].readonly:hover {border-width: 1px; border-style: solid; padding: 4px; transition: border .3s, box-shadow .3s ease-in-out;}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus {background-color: #fff; box-shadow: 0px 0px 4px #C4C4C4;}

input[type="text"].form-error, input[type="email"].form-error, input[type="password"].form-error, input[type="number"].form-error, input[type="tel"].form-error, input[type="date"].form-error, textarea.form-error {box-shadow: 0px 0px 4px red;}

/* input width */
input[type="text"], input[type="email"], input[type="password"], textarea, select.form-large {width: 100%; box-sizing: border-box;} 
input[type="text"].form-text1, input[type="password"].form-text1, input[type="number"], input[type="tel"], input[name*="postcode"] {width: 30%; box-sizing: border-box;}
input[type="date"], input[type="text"].datepicker {width: 100px; background-image: url('image/ico-calendar.png'); background-repeat: no-repeat; background-position: 3px center; padding-left: 25px;}

input[type="number"].form-quantity {width: 25px;} 
input[type="number"].form-quantity {cursor: url('image/cursor-mouse-scroll.cur'), default;} 
input[type="text"].form-quantity.readonly {width: 33px;} 

/* input number */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="number"] {-moz-appearance: textfield;}



/* spinner quantity */
.spinner {display: inline-block; position: relative; padding-right: 16px;}
.spinner div, .spinner div:before {position: absolute; right: 0; width: 12px; height: 12px; line-height: 13px; text-align: center; font-size: 10px; color: #fff;}
.spinner div {border-radius: 50%;}
.spinner .plus, .spinner div:before {top: 0;}
.spinner .minus {bottom: 0;}

/* select */
select.form-large,
select.select-margin {margin-bottom: 1em;}


/* textarea */
textarea {resize: vertical; min-height: 100px;}
.textarea-countdown {display : block; color: #999; margin-top: 5px;}

/* search */
.form-table-wrap input[type="search"].form-search {width: 77%; margin: 0 5px 0.5em 0;} 
.form-table-wrap select.search {width: 20%;}

/* captcha */
input[type="text"].captcha {width: 60px;}

/* input readonly */
input[type="text"].readonly {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}


/* css3 input */
input[type="radio"], input[type="checkbox"] {position:absolute; clip: rect(0,0,0,0);}

input[type="checkbox"] + label,
input[type="radio"] + label {display: inline-block;}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {display: inline-block; content: "";  width: 16px; height: 16px; text-align: center; background-color: #fff; border-width: 1px; border-style: solid;  margin: 0 0.4em 0.4em 0; padding: 0; vertical-align: middle; overflow: hidden; transition: .2s all ease-out;}

/* checkbox */
input[type="checkbox"] + label:before {font-size: 13px; line-height: 16px; content: "\f00c"; color: #fff;}

/* radio*/
input[type="radio"] + label:before {border-radius: 50%;}
input[type="radio"]:checked + label:before {box-shadow: inset 0px 0px 0px 4px #fff;}

/* select */
select {padding: 6px 20px 6px 6px; background-image: url('image/bg-select.svg'); background-repeat: no-repeat; background-position: right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}

/* radio*/
input[type="radio"] + label:before {border-radius: 50%;}
input[type="radio"]:checked + label:before {box-shadow: inset 0px 0px 0px 4px #fff;}


/* slideToggle */
a[data-toggle="togglelink"] {font-weight: bold;}
[data-toggle="toggleblock"] {clear: both;}



/* buttons */
.buttons {clear: both; padding: 2em 0;}
.buttons .left {text-align: left;}
.buttons .right {text-align: right;}
.buttons .center {margin: 0 auto; text-align: center;}

.button.center {display: block; margin: 0 auto;}

#button-quote {margin-bottom: 2em;}

/* button */
button,
.button,
.button-cart,
.spinner div,
#header #search .button-search {transition: background-color .2s ease-in-out;}

button, .button {white-space: nowrap;}

button {border: none; margin: 0; padding: 0;}
.button {display: inline-block; padding: 7px 15px; border: none;}
.button, .button-cart {font-weight: bold; color: #fff; text-shadow: 1px 1px 0 #000; box-shadow: 0 0 4px rgba(0,0,0,0.4);}


/* button left/right */
.button.left, .button.right {position: relative; overflow: hidden;}
.button.left, .button.right, .button.left:before, .button.right:after {height: 38px; line-height: 38px;}
.button.right {padding: 0 45px 0 15px;}
.button.left {padding:  0 15px 0 45px;}

.button.left:before,
.button.right:after {position: absolute; top: 0; text-align: center; width: 30px;}

.button.left:before {left: 0;}
.button.right:after {right: 0;}


/* button cart */
.button-cart {padding: 4px 0; border: 1px solid rgba(0,0,0,0.1);}
.button-cart:before {padding: 0 3px;}
.button-cart span {display: inline-block; font-size: 12px; font-weight: bold; padding: 0 5px; white-space: nowrap;}

.product-grid .button-cart,
td.cart .button-cart {width: 27px; height: 27px; text-align: center;}

.product-grid .button-cart span,
td.cart .button-cart span {display: none;}


/* button small */
.button-small {padding: 4px 8px; border: 1px solid #ddd; white-space: nowrap;}
.button-small:hover {background-color: #fff; text-decoration: none;}


/* btn */
.btn {display: inline-block; width: 29px; color: #fff; text-align: center; vertical-align: middle; margin: 0 3px; padding: 6px 0; background-color: #1e91cf; border: 1px solid #1978ab; white-space: nowrap; text-decoration: none;}
.btn:hover,
.btn:focus {color: #fff; background-color: #1872a2; border-color: #1978ab; text-decoration: none;}

.btn-danger {background-color: #f56b6b; border-color: #f24545;}
.btn-danger:hover, 
.btn-danger:focus {background-color: #f23b3b; border-color: #ea1010;}


/* agree */
.agree {float: right;}
.agree label {display: inline-block; padding: 10px;}


/* contact/sitemap */
.contact-info {margin-bottom: 30px; border-bottom: 1px dotted #d2d2d2; padding-bottom: 10px;}
.sitemap-info {overflow: auto; margin-bottom: 40px;}


/* banner */
.banner img {border: none;}
#column-left .banner {text-align: center;}

/* banner0 */
#column-left #banner0 {position: relative; margin: 0 23px 20px 23px; width: 184px; height: 184px; overflow: hidden;}
#column-left #banner0.fixed &gt; a, #column-left #banner0.fixed &gt; img {position: fixed; left: 50%; margin-left: -547px; z-index: 100; animation: slideDown .8s ease forwards;}
@keyframes slideDown {from {top: -184px;} to {top: 23px}}

/* banner1 body */
#content-wrapper {position: relative;}
#content-wrapper #banner1 {position: absolute; top: 10px; left: -195px; z-index: 100;}
#content-wrapper #banner1 img {box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
#content-wrapper #banner1.fixed &gt; a {position: fixed; top: 10px;}
#content-wrapper #banner1.static {position: absolute; bottom: 10px;}
#content-wrapper #banner1.static &gt; a {position: absolute; bottom: -3px;}

/* iframe */
#column-left iframe {display: block; margin: 20px auto;}

/* pagination */
.pagination {padding: 1em 0 2em 0;}
.pagination .results {float: right; font-size: 90%; margin-top: 4px;}
.pagination .links {float: left;}
.pagination .links a, 
.pagination .links span {display: inline-block; font-size: 90%; font-weight: bold; text-align: center; line-height: 1; padding: 6px 8px; text-decoration: none; text-shadow: 1px 1px 0 #fff;} 
.pagination .links span {font-weight: bold;}

.pagination .links a.prev-page,
.pagination .links a.next-page,
.pagination .links a.first-page,
.pagination .links a.last-page {background-color: #eee; font-size: 14px;} 


/* success add cart popup */
.success-popup {position: fixed; width: 40%; border: 1px solid #e1e1e1; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); z-index: 3000; overflow: hidden;}
.success-popup h2 {margin-bottom: 20px; padding: 15px 20px; background-color: #EAF7D9;}
.success-popup h2.ico.check:before {font-size: inherit; color: #090;}
.success-popup .product {padding: 0 20px; border: none;}
.success-popup .product img {float: left; margin: 0 10px 10px 0;}
.success-popup .product a {font-weight: bold;}
.success-popup .buttons {padding: 20px;}
.success-popup strong {white-space: nowrap;}


/* notification */
#notification {clear: both; padding: 0 10px;}
.success, .warning, .attention, .warning-wrapp {position: relative; clear: both; color: #555; padding: 10px 10px 10px 33px; margin-bottom: 10px; overflow: hidden;}
.success:before, .warning:before, .warning-wrapp:before, .attention:before, .error:before, .shippingfree .ico.shippingfree:before {width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; margin: -8px 0 0 0;}

.success {background-color: #EAF7D9; border: 1px solid #BBDF8D;}
.success:before,
.shippingfree.success:before,
span.ico.shippingfree:before {color: #090;}

.success h2 {margin: 0 0 0.5em 0; text-shadow: 1px 1px 0px #fff;}

.warning, .warning-wrapp {border: 1px solid #F8ACAC;}

.attention {background-color: #FFF5CC; border: 1px solid #F2DD8C;}

span.error,
span.success {display: block; position: relative; margin: 5px 0; padding: 5px 5px 5px 23px; font-size: 90%;}

span.error {background-color: #fff; border: 1px solid #e1e1e1;}

span.error:before,
span.success:before {left: 5px;}

.required {font-weight: bold;}
 
.help {font-size: 90%; color: #666;}

.close {display: inline-block; float: right; text-align: center; width: 25px; height: 25px; line-height: 25px; margin: 0 0 0 5px; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20);}
.close:hover, .close:focus {text-decoration: none; opacity: 0.5; filter: alpha(opacity=50);}


/* shippingfree notification */
.shippingfree {clear: both; position: relative;}
.shippingfree .left {width: 70%; padding-left: 33px; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); box-sizing: border-box;}
.shippingfree .right {width: 28%; }
.shippingfree strong,
.shippingfree .percent-range-text span {white-space: nowrap;}

.shippingfree .percent-range-wrapper {overflow: hidden;}
.shippingfree .percent-range-wrapper, .shippingfree .percent-range {display: block; height: 8px;}
.shippingfree .percent-range-text {color: #666; font-size: 80%; text-align: right;  margin-top: 0.5em;}


/* loaders */
.loadingblock-wrap {position: relative;}
.loadingblock {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(255,255,255,0.7) url('image/loadingblock.gif') no-repeat center 160px;}
.loading {float: right; position: relative; top: 8px; width: 16px; height: 16px; margin-right: 8px; background: url('image/loading.gif') no-repeat center center;}
button.submit, button:hover.submit, button:focus.submit, .button-cart.full {background-color: #090;}


/* carousel */
.owl-carousel, .owl-carousel .owl-wrapper {position: relative;}
.owl-carousel .owl-wrapper-outer {overflow: hidden; width: 100%;}
.owl-carousel .product.item {float: none; width: 100%;} 
.owl-carousel .owl-item {float: left;}

.owl-carousel .owl-prev {margin-right: 5px;}
.owl-carousel .owl-prev, .owl-carousel .owl-next {display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; cursor: pointer; transition: background-color .2s ease-in-out;}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {color: #fff; background-color: #666; border: 1px solid #666;}
.owl-carousel .owl-prev:before {content: "\f104";} 
.owl-carousel .owl-next:before {content: "\f105";} 
.owl-carousel .grabbing, .owl-carousel .grabbing a {cursor: move; cursor: grab;}


/* gallery */
.gallery {clear: both; line-height: 0}
.gallery .image {float: left; width: 25%; text-align: center; margin-bottom: 10px; font-size: 90%; box-sizing: border-box;}
.gallery .image a {display: block; height: 122px; line-height: 122px; padding: 5px;}
.gallery .image a img {max-width: 166px; height: auto; max-height: 120px; vertical-align: middle;}
.gallery .image p {margin: 0; padding-top: 5px;}


/* UI */
/* fancybox */
.fancybox-wrap {position: absolute; top: 0; left: 0; padding-top: 10px; z-index: 8020;}
.fancybox-skin {position: relative; background: #fff; color: #444; text-shadow: none; padding: 10px!important; border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 0 10px #000;}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-image {display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('image/fancybox.png');}
#fancybox-loading {position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: right bottom; opacity: 0.8; cursor: pointer; z-index: 8060;}
#fancybox-loading div {width: 44px; height: 44px; background: url('image/loading-fancybox.gif') no-repeat center center;}
.fancybox-close {position: absolute; top: -22px; right: -22px; background-position: left bottom; width: 26px; height: 26px;}
.fancybox-close:hover, .fancybox-nav span:hover {filter: alpha(opacity=100); opacity: 1;}
.fancybox-nav {position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('image/blank.gif'); z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span, .fancybox-close {filter: alpha(opacity=80); opacity: 0.8; cursor: pointer; z-index: 8040;}
.fancybox-nav span {position: absolute; top: 50%; width: 43px; height: 34px; margin-top: -17px; visibility: hidden;}
.fancybox-prev span {left: 0; background-position: left top; border-radius: 0 10px 10px 0;}
.fancybox-next span {right: 0; background-position: right top; border-radius: 10px 0 0 10px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important;}
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000, endColorstr=#e5000000); zoom: 1;}
.fancybox-overlay-fixed {position: fixed; bottom: 0; right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto; overflow-y: scroll;}
.fancybox-title {padding: 8px 25px 12px 0; text-align: left; font-size: 90%;}
.fancybox-title span#title, .fancybox-title span.child  {float: left; background: #fff; padding-right: 5px; width: 60%; height: 20px; overflow: hidden;}
.fancybox-title span#counter {float: right;}
.fancybox-iframe {width: 100%; height: 100%;}


/* tooltip */
.tooltipster-default {color: #fff; border: 1px solid #000; background: #4c4c4c; border-radius: 5px;}
.tooltipster-default .tooltipster-content {font-size: 11px; line-height: 1; padding: 8px 10px; overflow: hidden;}
.tooltipster-base {padding: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: 0; z-index: 9999999; pointer-events: none; width: auto; overflow: visible;}
.tooltipster-base .tooltipster-content {overflow: hidden;}
.tooltipster-arrow {display: block; text-align: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.tooltipster-arrow span,
.tooltipster-arrow-border {display: block; width: 0; height: 0; position: absolute;}
.tooltipster-arrow-top span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-top: 8px solid; bottom: -7px;}
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-top: 9px solid; bottom: -8px;}
.tooltipster-arrow-bottom span {border-left: 8px solid transparent !important; border-right: 8px solid transparent !important; border-bottom: 8px solid; top: -7px;}
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {border-left: 9px solid transparent !important; border-right: 9px solid transparent !important; border-bottom: 9px solid; top: -8px;}
.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {left: 0; right: 0; margin: 0 auto;}
.tooltipster-fade {opacity: 0; transition-property: opacity;}
.tooltipster-fade-show {opacity: 1;}


/* scroll up */
#scrollup {display: none; position: fixed; bottom: 20px; right: 20px; width: 30px; height: 30px; text-align: center; color: #fff; background: #000; opacity:.3; filter:alpha(opacity=30); z-index:9999;  border-radius: 50%; }
#scrollup:hover, #scrollup:focus, #scrollup:active {opacity:1; filter:alpha(opacity=100);}
#scrollup:before {font-size: 24px; content: "\f077";}


/* priceslider */
#priceslider {padding: 15px 0;}
#priceslider #slider {width: 65%;} 
#slider, #slider-refresh, #min, #max {display: inline-block;}
#min, #max {font-size: 90%; font-weight: bold; color: #636363; width: 80px; overflow: hidden; white-space: nowrap;}

#min {text-align: right; padding-right: 15px;}
#max {text-align: left; padding-left: 15px;}

#slider-refresh {float: right;}

.ui-slider {position: relative; text-align: left; height: .8em; border: 1px solid #ddd; background: #f8f8f8; border-radius: 4px;}
.ui-slider .ui-slider-range { position: absolute; top: 0; height: 100%; z-index: 1; font-size: .7em; display: block; border: 0; background-image: none;}
.ui-slider .ui-slider-range-min {left: 0;}
.ui-slider .ui-slider-range-max {right: 0;}

.ui-slider .ui-slider-handle {position: absolute; top: -.3em; margin-left: -.6em; z-index: 2; width: 1.2em; height: 1.2em; cursor: w-resize; background:  linear-gradient(#f9f9f9 50%, #f1f1f1 50%); border-radius: 4px;}

.ui-slider .ui-slider-handle.ui-state-default {border: 1px solid #ccc;}

.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-focus {background: linear-gradient(#fdf9e1 50%, #fdf9e1 50%); border: 1px solid #fbcb09;} 

.ui-slider .ui-slider-handle.ui-state-active {background: #fff; border: 1px solid #fbcb09;}


/* bighover */
#bighoverImage {box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}


/* citace */
blockquote {position: relative; text-align: left; font-size: 135%; font-style: italic; color: #383838; margin: 0.25em 0; padding: 0.25em 20px 0.25em 40px; line-height: 1.45;}
blockquote:before {display: block; position: absolute; left: 0; top: -20px; content: "\201d"; font-size: 80px; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote cite { display: block; color: #636363; font-size: 75%; font-style: normal; margin-top: 0.8em;}
blockquote cite:before {content: "\2014 \2009";}


/* recenze */
.rating span {margin: 0 5px;}
.review-list {margin: 0 0 1em 0; padding-bottom: 0.5em; border-bottom: 1px dotted #ccc;}
.review-list .rating {margin-left: 5px;}
.review-list .author em {font-size: 90%; color: #666;}
.review-list .author .rating {float: right;}
#review-form {clear: both; margin-top: 15px;}


/* star rating  */
.stars span, .stars {background-image: url('image/ico-stars.png');}
.stars {background-repeat: repeat-x; background-position: 0 0; width: 150px;}
.stars span {display: block; position: relative; top: 0; left: 0; width: 0; height: 30px; background-repeat: repeat-x; background-position: 0 -60px; transition: width 0.5s;}
.stars input[type="radio"] {position: absolute; opacity: 0; filter: alpha(opacity=0);}
.stars input[type="radio"].star-5:checked ~ span {width: 100%;}
.stars input[type="radio"].star-4:checked ~ span {width: 80%;}
.stars input[type="radio"].star-3:checked ~ span {width: 60%;}
.stars input[type="radio"].star-2:checked ~ span {width: 40%;}
.stars input[type="radio"].star-1:checked ~ span {width: 20%;}
.stars label {display: block; width: 30px; height: 30px; margin: 0!important; padding: 0!important; text-indent: -999em; float: left; position: relative; z-index: 10; background: transparent!important; cursor: pointer;}
.stars label:hover ~ span { background-position: 0 -30px;}
.stars label.star-5:hover ~ span {width: 100% !important;}
.stars label.star-4:hover ~ span {width: 80% !important;}
.stars label.star-3:hover ~ span {width: 60% !important;}
.stars label.star-2:hover ~ span {width: 40% !important;}
.stars label.star-1:hover ~ span {width: 20% !important;}


/* product star rating  */
.rating {white-space: nowrap;}
.rating i:before {font-size: 14px; margin-right: 2px;}
.rating i {color:#e5e5e5;}
.rating.r1 i:first-child, .rating.r2 i:first-child, .rating.r2 i:first-child + i, .rating.r3 i:first-child, .rating.r3 i:first-child + i, .rating.r3 i:first-child + i + i, .rating.r4 i:first-child, .rating.r4 i:first-child + i, .rating.r4 i:first-child + i + i, .rating.r4 i:first-child + i + i + i, .rating.r5 i:first-child, .rating.r5 i:first-child + i, .rating.r5 i:first-child + i + i, .rating.r5 i:first-child + i + i + i, .rating.r5 i:first-child + i + i + i + i {color:#d6a916;}


/* sizechart */
#sizechart_container {padding: 10px; overflow: auto;}
#sizechart_container table {width: 100%;}
#sizechart_container table th {white-space: nowrap;}

/* cookie popup */
#cookie-popup {text-align: center; padding: 10px; color: #ddd; background-color: #444;}
#cookie-popup a {color: #fff;}
#cookie-popup .button-small {margin-left: 10px; font-weight: bold;}</pre></body></html>