@import url('stylesheet/font-face.css'); 
html {font-size: 16px; -webkit-text-size-adjust: 100%;}
body, input, select, textarea, button, .options h3 {font-family: Arial, Helvetica, sans-serif; font-size: inherit;}
body {font-size: 80%; overflow-x: hidden;}

@media screen and (min-width: 1360px) {
  body {background: no-repeat fixed 0 0;}
}

/* ************************* reset ************************* */
html, body, form, ul, ol, li, table {margin: 0; padding: 0;}
table {width: 100%; border-collapse: collapse; border-spacing: 0;}
th, td {padding: 5px;}
td {vertical-align: top;}
p, #content ul {margin: 0 0 1em 0; padding: 0;}
body, th, td {text-align: left;}
ul {list-style: none;}
:focus {outline: none;}
::-moz-focus-inner {border: 0;}
img {max-width: 100%; height: auto; border: 0;}
iframe {max-width: 100%; max-height: 100%; border: 0;}
* {box-sizing: border-box;}



/* ************************* system class ************************* */

/* pointer, user-select a text-decoration */
button.submit,
#main-image.option-image > a,
.breadcrumb a:last-child {pointer-events: none;}

@media screen and (min-width: 1360px) {
  strong.box-heading,
  a[href^="tel:"] {pointer-events: none; text-decoration: none;} 
}

button,
.button,
.button-cart,
.spinner button,
#header #search .input-button-header-search-wrapper button.button-header-search,
.price-savings, .ribbon span, 
input[type="text"].readonly {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} 

/* button */
button {border: 0; margin: 0; padding: 0; background: none; white-space: nowrap; transition: box-shadow .2s ease-in-out;}

/* link */
a, 
a[href^="tel:"]:hover {text-decoration: none;}

a:hover,
button.buttonlink:hover {text-decoration: underline; text-decoration-skip-ink: auto;}


a[href^="tel:"] {white-space: nowrap;}




/* float */
.float-left {float: left;}
.float-right {float: right;}
.float-center {display: inline-block; margin: 0 auto;}






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

input + label,
.submenu-button,
a, button, .button,
.close, 
#header #cart #checkout-link.cart.full {cursor: pointer;}








/* ************************* colors and borders ************************* */

/******* text color *******/
::placeholder {color: #767676; opacity: 1;}
::-webkit-input-placeholder {color: #767676;}
::-moz-placeholder {color: #767676;}
:-ms-input-placeholder {color: #767676;}

:focus::placeholder {color: transparent;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus::-moz-placeholder { color: transparent;}
:focus:-ms-input-placeholder {color: transparent;}



/* black */
body,
#menu-header-top ul li a,
#menu-header > ul > li.active > a,
#menu-login > 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 .icon,
.product-filter .display > a:hover::before, .product-filter .display > a.select::before,
.success h2,
.close, .close:hover, .close:focus,
.attention::before,
#order-step ul li.active span,
.info span,
a[href^="tel:"],
#currency button {color: #000;}


/* white */
#header .phone,
#header #cart .ico.cart::before, #header #cart span#items,
#header #search .input-button-header-search-wrapper button.button-header-search,
#menu-header > ul > li > a,
#footer .column a,
.button, 
.button-cart,
.button.ico::before,
#scrollup,
#order-step ul li.active span.check::before,
.gallery .icon.magnify::before {color: #fff;}


/* blue */
a,
button.buttonlink,
.success-popup .product strong,
table.checkout-cart td strong,
button.slider-refresh {color: #337baf;}




/* main color (orange) */
#header .phone::before,
#footer .column h2::before,
#copyright a,
.product-filter .sort-link a.active,
input[type="checkbox"]:checked + label::before,
.nivo-directionNav a:hover::before,
.slider-container .slider-min.slide, .slider-container .slider-max.slide,
blockquote::before,
blockquote span,
.ico.shippingfree::before,
.product-info .product-cart .iplatba,
#content .box .article ul.icons li strong::before,
.info.helper-button .ico.hand-direction::after {color: #fd6f00;}








/* systemove barvy */
/* green */
.green,
.product .image .icons button.green,
#feedback-content .ico.positive::before,
#sch .icon.check::before {color: green!important;}


/* green lighter */
#order-step ul li span.check::before,
#order-step ul li a.check::before {color: #009900;}


/* red */
.red,
.required, .error,
#feedback-content .ico.negative::before,
.tab-content.tab-options .image label.selected .check::before,
button.remove:hover,
.price-special-countdown #countdown {color: red!important;}


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


/* light grey */
ul.check li::before,
#footer, #copyright,
#footer a[href^="tel:"],
#footer .column ul li::before,
.menu-left ul ul li a::before,
.article ul li::before,
.table-form-wrap ul li::before {color: #ccc;}


/* grey */
#copyright span,
#order-step ul li span,
#order-step ul li a,
.table-form-wrap ul li.ico::before,
.product-info .product-cart .right .minimum,
.price-tax,
.date {color: #999;}


/* darker grey */
.grey,
.counter-text,
button.remove,
#menu-header-top > ul#menu-header-info > li.active > a,
.product-filter .float-left.display > a::before,
#header #search .advanced-search a,
.help,
.tabs-ico .ico,
.methods-block .methods label span.col-title span.description,
.shippingfree .percent-range-text,
.review-list .author em,
#feedback-content span {color: #666;}


/* more darker grey */
.product-info #options .option.textarea span.error,
.success, .warning, .attention, .warning-wrapp, .info,
.fancybox-close-small {color: #555;}


/* dark grey */
h1,
.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,
.product-info #options .option span {color: #4d4d4d;}


/* more dark grey */
.product h3 a,
#header #cart #checkout-link a,
.prevnext-product a:hover,
button.slider-refresh:hover {color: #2f2f2f;}










/******* background-color *******/

/* transparent */
@media screen and (max-width: 767px) {
  .menu-left ul li:not(.active) a:hover, .menu-left ul li:not(.active) a:focus, 
  .menu-left ul li:not(.active):hover > a {background-color: transparent!important;}
}


/* black */
#header .phone::before,
#menu-header,
#copyright,
#scrollup {background-color: #000;}


/* white */
body,
#header #search .input-button-header-search-wrapper input.input-header-search,
#content-wrapper,
#livesearch,
.product .image .icons button:hover,
table.checkout-cart,
#column-left .review-store .review,
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option,
.product-info #options .option.textarea,
#order-step ul li span::before,
#order-step ul li a::before,
body .product-compare,
span.error,
#currency button:hover, #currency button.select {background-color: #fff;} 


/* light shadow */
#menu-header-top-wrapper,
#header #cart .ico.cart::before {background-color: #d6d6d6;}


/* lighter shadow */
#header-wrapper {background-color: #ededed;}


/* more lighter shadow */
.menu-left > ul,
#column-left .box .box-content,
.button-small,
.address-list,
.pagination .links a.page-icon {background-color: #f3f3f3;}


/* very light shadow */
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,
#feedback-content,
.table-form-wrap,
.product-filter,
.product-info #options,
.product-info .product-cart {background-color: #f7f7f7;}


@media screen and (max-width: 767px) {
  table.checkout-cart td.quantity, table.checkout-cart td.price, table.checkout-cart td.total, table.checkout-cart td.remove  {background-color: #f7f7f7;}
}


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


/* dark shadow */
.button.left::before,
.button.right::after {background-color: #434343;}




/* main color */
#header .phone,
#header #cart .ico.cart.full::before,
#header #search .input-button-header-search-wrapper button.button-header-search,
#menu-header > ul > li.active > a, #menu-header > ul > li.active > a:hover,
input[type="radio"]:checked + label::before,
.button,
.button-cart,
.tabs-ico .ico.selected::after,
.tabs-ico .ico:hover::after,
.spinner button,
.ui-slider .ui-slider-range,
.nivo-controlNav a:hover, .nivo-controlNav a.active,
.shippingfree .percent-range,
#content .box #bestseller ol li::before {background-color: #fd6f00;}

/* responsive colors */
@media screen and (max-width: 767px) {
  .menu-left .box-heading {background-color: #fd6f00!important;}
}


/* very light main color + menu left children (depth: 1) */
.menu-left > ul > li > a:hover,
.menu-left > ul > li.sub:not(.open):hover > a::before,
.menu-left > ul > li.sub:not(.open).hover > a::before,
.menu-left > ul > li:hover > a,
.menu-left > ul > li.sub.hover > a,
.menu-left ul ul,
.category-info,
.pagination .links a:hover,
.pagination .links span,
.pagination .links a.page-icon:hover,
#content .mfilter-content,
.shippingfree .percent-range-wrapper {background-color: #fff1de;}

/* very very light main color */
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: #fef5ea;}


/* rgba color */

/* main color rgba menu left parent (depth: 0) active */
.menu-left > ul > li > a:focus, .menu-left > ul > li.active > a {background-color: rgba(253,111,0,.7);}


/* main color rgba menu left children (depth: 1) active */
.menu-left > ul > li.sub.open ul li > a:hover, .menu-left > ul > li.sub.open ul li > a:focus, .menu-left > ul > li.sub.open ul li.active > a {background-color: rgba(253,111,0,.5);}


/* main color rgba menu left sisters (depth: 2) active */
.menu-left > ul > li.sub.open ul ul li > a:hover, .menu-left > ul > li.sub.open ul ul li > a:focus, .menu-left > ul > li.sub.open ul ul li.active > a {background-color: rgba(4253,111,0,.1);}


/* systemove barvy */

/* black */
#livesearch a:hover, #livesearch li.active a,
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option:hover,
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-option.mfilter-input-active,
#currency button {background-color: rgba(0,0,0,.05);}

div.methods-table div.highlight:hover,
table.checkout-cart tbody tr:nth-child(even) td, table.checkout-cart tbody 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: rgba(0,0,0,.02);}

/* white - menu left sisters (depth: 2) */
.menu-left ul ul ul {background-color: rgba(255,255,255,.5);}


/* very light blue */
#header #cart:hover .cart.full, #header #cart.hover .cart.full, #cart.active .cart,
#header .content, 
.success-popup {background-color: #f6f7f9;}


/* blue */
#header #cart span#items {background-color: #337baf;}

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

/* red */
.button-cart.cart-outofstock {background-color: red!important;}

/* light green */
.ribbon.topright > span,
.ribbon.topleft.green > span,
button.submit, button:hover.submit, button:focus.submit, 
.button-cart.full,
#order-step ul li.active span::before {background-color: #009900;}

/* orange */
.ribbon > span, .ribbon.topleft.orange > span {background-color: #fd6f00;}

/* notification */
.attention, .info {background-color: #FFF5CC;}


/* gradient hatching */
#header .content,
.success-popup {background-image: linear-gradient(to bottom, #f6f7f9 50%, transparent), repeating-linear-gradient(120deg, #e9eaec, #e9eaec 1px, transparent 1px, transparent 5px);}

.menu-left > ul > li.sub:not(.open) > ul {background-image: linear-gradient(to bottom, #fff1de 50%, transparent), repeating-linear-gradient(120deg, #ffe0b5, #ffe0b5 1px, transparent 1px, transparent 5px);}






/******* border *******/

/* color */

/* main color */
.shippingfree .percent-range-wrapper,
.loadingblock::before,
.fancybox-loading,
.loading::before {border-color: #fd6f00;}


/* lighter main color */
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,
.mfilter-content .mfilter-heading,
#content .mfilter-content_top .mfilter-tb .mfilter-tb {border-color: #ffdaab;}


/* very light main color */
.menu-left ul ul li {border-color: #ffcc86;}

/* responsive colors */
@media screen and (max-width: 767px) {
  .menu-left ul ul li.sub > a::after {border-color: #ffcc86!important;}  
}

/* light main color */
@media screen and (min-width: 768px) {
  .menu-left > ul > li.sub:not(.open):hover > a,
  .menu-left > ul > li.sub:not(.open).hover > a,
  .menu-left > ul > li.sub:not(.open) > ul {border-color: #ffdaab;}  
}


/* green lighter */
#order-step ul li span::before,
#order-step ul li a::before,
#order-step ul li.first.previous::after,
#order-step ul li.second.previous::before, 
#order-step ul li.second.previous::after,
#order-step ul li.second.active::before,
#order-step ul li.last.active::before {border-color: #009900;}


/* notification */
.attention, .info {border-color: #F2DD8C;}

.success {border-color: #BBDF8D;}

.warning, .warning-wrapp {border-color: #ff8a8a;}


/* shadow */

/* black */
.open > .submenu-button::before,
#menu-header-top-wrapper #menu-header-top ul > li::before,
.menu-left ul li.sub.open > a::after {border-color: #000;}


/* darker shadow */
#header #cart .cart.full #cart_total::after,
.submenu-button::before,
.menu-left ul li.sub > a::after,
#header #search .input-button-header-search-wrapper input.input-header-search,
#order-step ul li::before,
#order-step ul li::after {border-color: #999}


/* darker shadow */
#menu-header > ul > li + li::before,
#footer .column + .column {border-color: #808080;}


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


/* lighter shadow */
#footer-wrapper,
body .product-compare,
.menu-left > ul > li {border-color: #e3e3e3;}


/* lighter shadow */
.product,
.perex,
.contact-info,
.product-info #options .option.textarea {border-color: #d2d2d2;}


/* lighter shadow */
.tabs-ico,
.tab-content-product-grid .product-grid,
.product .image .icons button,
#product_related .product-grid,
table.checkout-cart, table.checkout-cart th, table.checkout-cart td,
table.checkout-cart tfoot td, table.checkout-cart tfoot th,
table.checkout-cart td.quantity, table.checkout-cart td.price, table.checkout-cart td.total, table.checkout-cart td.remove,
table.checkout-cart,
table.list,
table.attribute,
table.compare-info,
table.compare-info th, table.compare-info td,
table.attribute th, table.attribute td,
table.list th, table.list td,
.ui-slider,
.button-small {border-color: #ddd;}


/* lighter shadow */
.table-form-wrap,
.product-filter,
.product-info #options,
.product-info .product-cart,
.htabs,
.htabs a,
.tab-content,
.methods-block .methods label,
.success-popup,
span.error {border-color: #e1e1e1;}







/* border: 1px solid #color */
/* black */
.product .image .icons button:hover,
.tab-content.tab-options .image label.selected img {border: 1px solid #000;}


/* grey */
table td.image a:hover,
.product-info #image-additional a:hover,
.quick-view .product-info #image-additional .owl-item > div:hover,
a:hover img.vlevoobr, a:hover img.vlevoobr,
.category-info > img,
.owl-carousel .owl-prev, .owl-carousel .owl-next,
.checkout-cart .image a:hover,
.tab-content.tab-options .image label img {border: 1px solid #e5e5e5;}


/* border: 1px solid transparent */
table td.image a,
.product-info #image-additional a,
.quick-view .product-info #image-additional .owl-item > div,
a img.vlevoobr, a img.vpravoobr {border: 1px solid transparent;}




/* ************************* responsive colors ************************* */
@media screen and (max-width: 767px) {
  .menu-left .box-heading {color: #fff;}
  .menu-left ul li a:hover {color: #666;}
  
  .menu-left ul li.sub > .submenu-button::after,
  .menu-left ul li.sub > .submenu-button::before {background-color: #000;}    
  
  .menu-left .box-heading.menu-opened::before,
  .menu-left .box-heading.menu-opened::after,
  .menu-left .box-heading::before {background-color: #fff;}
  
  .menu-left ul li.sub > a::after {border-color: #e3e3e3!important;}
   
  .menu-left .box-heading::after, .menu-left .box-heading::before {border-color: #fff;}
}



/* border-radius */
/* all */
#menu-login .content,
#header #cart .ico.cart,
#header .phone, #header .phone::before,
#column-left .box .box-content,
#column-left .review-store .review,
.menu-left > ul,
.table-form-wrap,
.product-filter,
.product-info #options,
.product-info .product-cart,
.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,
.success, .warning, .attention, .error, .warning-wrapp, .success-popup, .info,
#content .mfilter-content,
#feedback-content,
.price-special-countdown,
.shippingfree .percent-range-wrapper,
.fancybox-slide--iframe .fancybox-content,
.methods-block .methods label,
.product-info #options .option.textarea,
.product-info #options .option.textarea .textarea-wrapper,
 #currency button,
 body .product-compare {border-radius: 4px;}


/* only left top/bottom + right bottom */
#header .content,
#livesearch {border-radius: 4px 0 4px 4px;}

/* only left/right top */
.menu-left > ul > li:first-child > a,
#header #cart:hover .cart.full, #header #cart.hover .cart.full {border-radius: 4px 4px 0 0;}


/* only left top/bottom  */
#header #search .input-button-header-search-wrapper input.input-header-search {border-radius: 4px 0 0 4px;}


/* only left top */
.menu-left > ul > li.sub:not(.open):first-child > a {border-radius: 4px 0 0 0;}


/* only right top/bottom */
#header #search .input-button-header-search-wrapper button.button-header-search,
.menu-left > ul > li.sub:not(.open) > ul {border-radius: 0 4px 4px 0;}


/* only bottom */
#menu-login,
.menu-left > ul > li:last-child > a {border-radius: 0 0 4px 4px;}

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

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


/* none */
@media screen and (max-width: 767px) {
  .menu-left ul,
  .menu-left ul a {border-radius: 0!important;}
}


/* box shadow */
.success-popup,
#livesearch,
body .product-compare,
.menu-left > ul > li.sub:not(.open) > ul {box-shadow: 5px 6px 6px 0 rgba(0,0,0,.2);}

.button, 
.button-cart {box-shadow: 0 0 4px rgba(0,0,0,.4);}

/* hover/focus */
.button:hover,
.button-cart:hover {box-shadow: 0 0 4px rgba(0,0,0,.4), inset 0 0 0 100px rgba(0,0,0,.07);}

#header #search .input-button-header-search-wrapper button.button-header-search:hover, 
.spinner button:hover, .spinner button:focus {box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);}




/* none */
@media screen and (max-width: 767px) {
  .menu-left ul,
  .menu-left ul a {border-radius: 0!important; box-shadow: none!important;}
}


/* text shadow */
#header #cart span#items,
#content .box #bestseller ol.list-grid li.item::before,
.price-savings,
.fancybox-caption {text-shadow: 1px 1px #000;}





/* ************************* 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,
.breadcrumb a:first-child::before,
ul.check li::before,
.table-form-wrap ul li::before,
.pagination .links a.page-icon,
.success::before, .warning::before, .attention::before, .warning-wrapp::before, .error::before, .info::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/ico 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;}

/* icon */
.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.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,
.icon.cart-outofstock::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, .icon.magnify::before {content: "\f002";} 
.icon.prev::before {content: "\f060";} 
.icon.next::after {content: "\f061";} 
.icon.eshop-basket::before {content: "\f291";}


/* ico text */
.ico.home::before, .breadcrumb a:first-child::before {content: "\f015";}
.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.mobile::before {content: "\f10b"}
.ico.phone::before {content: "\f095"}
.ico.phone_square::before {content: "\f098"}
.ico.rate::before {content: "\f02d";}
.ico.positive::before {content: "\f164";}
.ico.negative::before {content: "\f165";}
.ico.countdown::before {content: "\f017";}
.ico.imagefile::before {content: "\f1c5";}
.ico.filter::before {content: "\f0b0";}
.ico.calendar::before {content: "\f073";}
.ico.picture::before {content: "\f03e";}
.ico.sortorder::before {content: "\f0dc";}
.ico.down::after {content: "\f103";}
.ico.up::after {content: "\f102";}
.ico.morelink::after {content: "\f101";}
.ico.external-link::after {content: "\f08e";}
.ico.feedback::before {content: "\f298";}
.ico.arrow_down::before {content: "\f063";}
.ico.custom_production::before {content: "\f085";}
.ico.load_data::before {content: "\f0ed";}



/* ico/icon */
.ico.check::before,
.icon.check::before,
ul.check li::before,
.button-cart.full::before {content: "\f00c";}

.ico.shippingfree::before, 
.icon.shippingfree::before {content: "\f0d1"; transform: scaleX(-1);}

.ico.statistic::before,
.icon.statistic::before {content: "\f080";}

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

.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, .info::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";} 

 




/* ************************* ul/ol li ************************* */

/* unordered/ordered list */
.article ul li,
.article ol li,
.table-form-wrap ul li,
#footer .column ul li,
ul.check 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;}


/* unordered list bullet */
.article ul li::before,
.menu-left ul ul li a::before,
#footer .column ul li::before,
.table-form-wrap ul li::before,
ul.check 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;}
.table-form-wrap ul li:last-child {margin-bottom: -14px;}


/* unordered list bullet square */
.menu-left > ul > li.sub ul li a::before,
.article ul li::before,
.table-form-wrap ul li::before {content: "\25a0";}

/* unordered list bullet circle */
#footer .column ul li::before {content: "\25cf";}



/* head title */
h1 {font-size: 145%; margin: 0 0 1em 0; padding: 0;}
h1:first-letter {text-transform: uppercase;}

h2, strong.head-title {font-size: 130%; margin: 0 0 0.7em 0; padding: 0;}
h3 {font-size: 120%;}
h4 {font-size: 110%;}

h3, h4 {margin: 0 0 0.5em 0; padding: 0;}

strong.head-title {display: inline-block;}





/* ************************* multiple declaration ************************* */

/* display: none */
.hide,
#popup,
.product-grid .product .description,
[data-toggle="toggleblock"],
#checkout-tabs label input,
.loadingblock,
#forgoten,
#register_company_form,
.tab-options .image label input,
body.quick-view #scrollup,
.pagination .links a.first-page, .pagination .links a.last-page {display: none;}


/* display: none responsive */
@media screen and (max-width: 767px) {
  .menu-left ul, .menu-left ul li.open.sub > .submenu-button::after,
  #column-left .box,
  .banner,
  .product .image .icons,
  .slideshow.main,
  #topcontrol,
  .zoomContainer, .zoomWindowContainer {display: none;}
}

@media screen and (max-width: 767px) {
   #header #cart .cart.full #cart_total::after,
  .fb-like-button {display: none!important;}
}



/* float left/right (2 column table/desktop) */
@media screen and (min-width: 768px) {
   #sch .address.left, #sch .methods.right,
  .confirm .left, .confirm .right,
  .sitemap-info .left, .sitemap-info .right,
  .contact-info .left, .contact-info .right,
  .login.left, .login.right {width: 48%;}  
  
  #sch .address.left,
  .confirm .left,  
  .sitemap-info .left,
  .contact-info .left,
  .login.left {float: left;}
   
   #sch .methods.right,
   #content .confirm .right,
   .sitemap-info .right,
   .contact-info .right,
   .login.right {float: right;}  
}


/* bottom margin without float mobile */
@media screen and (max-width: 767px) {  
  #sch .address.left, 
  .confirm .left,
  .sitemap-info .left,
  .contact-info .left,
  .login.left {margin-bottom: 30px;}
}







/* display: flex center/center */
.image > a,
.list-grid .item .image,
.quick-view .product-info .image,
.product-info #image-additional a,
.quick-view .product-info #image-additional .owl-item > div,
.prevnext-product a {display: flex; justify-content: center; align-items: center;}


/* position: absolute center/center */
.product-info .image > a,
.quick-view .product-info .image img,
.tab-content.tab-options .image label.selected .check {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}


/* display: flex */
@media screen and (min-width: 480px) {
  .product-grid,
  .list-grid,
  #content .review-store,
  #content .box .article ul.icons,
  #footer {display: flex; flex-direction: row; flex-wrap: wrap;}
} 



/* clearfix */
.clearfix::after,
.buttons::after,
.product::after, 
.box-content::after,
.article::after,
.table-form-wrap::after,
.htabs::after,
.tab-content::after,
.perex::after {content: ""; display: table; clear: both;}



a.icon:hover, 
button:hover, .button:hover, 
#header #search .input-button-header-search-wrapper button.button-header-search:hover, 
.button-cart:hover {text-decoration: none;}




/* filter alpha */
a#facebook:hover,
#menu-left-ico a:hover,
.product-ico a:hover img,
.list-grid a:hover img,
#content .box #bestseller ol li a:hover img {opacity: .7;}










/* ************************* shared declaration ************************* */

/* button permanent float left/right */
.button.left {float: left;}
.button.right {float: right;}


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



/* text-center */
.center,
.text-center {text-align: center;}
.text-center img {margin: 5px;}


/* images */
.vlevoobr, .vpravoobr {margin: 0 0 15px 0;} 

@media screen and (min-width: 768px) {
  .vlevoobr {margin: 0 15px 10px 0; float: left}
  .vpravoobr {margin: 0 0 10px 15px; float: right;}
}

.stredobr {display: block; margin: 0 auto 15px auto;}



/* product category filter/sortorder */
.filter-category {margin-bottom: 1em;}
.filter-category a {display: inline-block; margin-bottom: 0.5em;}
.filter-category a+a {margin-left: 5px; padding-left: 6px; border-left: 1px dotted #000;}


.table-form-wrap,
.product-info #options,
.product-info .product-cart {padding: 8px;}








/* ************************* slideshow / banner ************************* */

/* slideshow (1080 x 400px/340px) */
.slideshow.main, .slideshow {position: relative; width: 100%; height: auto; margin-bottom: 20px; overflow: hidden;}

@media screen and (min-width: 1360px) {
  .slideshow.main, .slideshow.main img, .slideshow, .slideshow img {width: 1080px;}
  .slideshow.main, .slideshow.main img {height: 400px;}
  .slideshow, .slideshow img {height: 320px;}
}


/* banner column-left (184 x 184px)  */
#column-left .banner .banner-inner {width: 184px; height: 184px; overflow: hidden;}
#column-left .banner, #column-left .banner .banner-inner {position: relative; margin: 0 auto 20px auto; text-align: center;}


#column-left .banner.fixed .banner-inner {position: fixed; z-index: 100; animation: slideDown .8s ease forwards;}


@media screen and (min-width: 768px) and (max-width: 1359px) {
  #column-left .banner.fixed .banner-inner {left: 33px;}
}

@media screen and (min-width: 1360px) {
  #column-left .banner.fixed .banner-inner {left: 50%; margin-left: -647px;}
}

@keyframes slideDown {from {top: -184px;} to {top: 23px}}


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


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


/* ************************* social ************************* */

/* facebook */
.fb-like-button {width: 95px; height: 30px;}
.fb-page {width: 500px; height: 154px;}

@media screen and (max-width: 479px) {
 .fb-page {width: 100%;}
}

.fb-like-button, .fb-page  {display: block; margin: 0 auto; border: 0; overflow: hidden;}
.fb-like {margin: 30px 0; float: right;}


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








/* ************************* layout ************************* */

#menu-header-top, #header, #menu-header, #content-wrapper, #footer {margin: 0 auto;}


/* layout width 1360px */
@media screen and (min-width: 1360px) {
#menu-header-top,
#header, 
#menu-header, 
#content-wrapper, 
#footer {width: 1360px;}
}


#menu-header, 
#footer {overflow: hidden;}






/* ************************* content ************************* */

#content-wrapper {padding: 15px;}  
 
@media screen and (min-width: 768px) { 
  #content-inner {display: flex; flex-direction: row; flex-wrap: nowrap;}
    
  /* column-left width 250x - 15px */
  #column-left {width: 235px; margin-right: 15px;}
  
  /* content right (1080px) */
  #content {width: calc(100% - 250px); flex-grow: 1; overflow: hidden;}
}



/* ************************* header ************************* */
#header a#logo {display: block; background: url('image/logo.svg') no-repeat center center; background-size: contain;}

#header .phone {display: table; position: relative; height: 30px; line-height: 30px; font-size: 19px; padding: 0 6px 0 36px; white-space: nowrap;}
#header .phone::before {position: absolute; top: 0; left: 0; height: 30px; width: 30px; text-align: center; font-size: 26px; line-height: 30px;}

/* shared */
@media screen and (max-width: 767px) {
  #header {padding: 15px;}  
  #header a#logo {height: 65px; margin-bottom: 15px;}
  #header .phone {margin: 10px auto;}
  #header #search {width: 100%; margin: 10px 0;}
}

@media screen and (min-width: 768px) {
  #header {position: relative;}   
  #header, #header a#logo {height: 120px;}  
  
  #header a#logo,
  #header .phone,
  #header #search {position: absolute;}
    
  #header a#logo {top: 0; left: 0; width: 184px;}
  #header .phone {top: 10px;}
  #header #search {top: 50px;}
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  #header a#logo {left: 15px;}
  #header .phone {left: 250px;}
  #header #search {left: 250px; width: calc(100% - 480px);}
}


@media screen and (min-width: 1360px) {
  #header .phone {left: 380px;}
  #header #search {left: 380px; width: 500px;}
}





/* header search */
#header #search .input-button-header-search-wrapper {position: relative;}
#header #search .input-button-header-search-wrapper,
#header #search .input-button-header-search-wrapper input.input-header-search,
#header #search .input-button-header-search-wrapper button.button-header-search {height: 38px;}

#header #search .input-button-header-search-wrapper input.input-header-search {position: absolute; top: 0; left: 0; width: calc(100% - 37px); line-height: 38px; font-size: 14px; padding: 0 8px;  border-width: 1px; border-style: solid;}
#header #search .input-button-header-search-wrapper button.button-header-search {position: absolute; top: 0; right: 0; width: 38px;}

#header #search .advanced-search {margin-top: 8px;}



/* header search livesearch */
#livesearch {position: absolute; top: 0; z-index: 100; 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.fixed {position: fixed; bottom: auto; z-index: 1000;}
#header #cart.fixed .ico.cart {background: rgba(255,255,255,.7);}

@media screen and (max-width: 767px) {
  #header #cart {margin-bottom: 10px; border: 1px solid #fff; background: rgba(255,255,255,.7); border-radius: 4px;}
  #header #cart.fixed {top: 0; right: 0; border-width: 0 0 1px 1px; box-shadow: 0 0 5px rgba(0,0,0,.3); border-radius: 0 0 0 4px;}
  #header #cart #checkout-link h2 a {display: block;}  
}

@media screen and (min-width: 768px) {
  #header #cart {position: absolute; right: 0; bottom: 0; background: none;} 
  #header #cart.fixed {top: 10px; right: 10px;}
  #header #cart .cart.full {transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out;}  
}





/* cart ico */
#header #cart .ico.cart {position: relative; margin: 0; padding: 8px 8px 8px 52px;}
#header #cart .ico.cart::before {position: absolute; left: 8px; bottom: 8px; width: 34px; height: 34px; line-height: 34px; font-size: 24px; text-align: center; border-radius: 50%;}

#header #cart span#items {position: absolute; top: 6px; left: 34px; width: 15px; height: 15px; line-height: 15px; font-size: 11px; text-align: center; z-index: 2; border-radius: 50%;}

#header #cart strong.cart-title {display: inline-block; font-size: 17px; margin: 0; padding: 0;}

/* cart_total + submenu ico */
#header #cart #cart_total {position: relative; padding: 1px 18px 1px 0; white-space: nowrap; text-shadow: 1px 1px #fff;}
#header #cart #cart_total::after {display: none; position: absolute; top: 5px; right: 0; 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 .cart.full #cart_total::after {display: block;}
#header #cart:hover .cart.full #cart_total::after, 
#header #cart.hover .cart.full #cart_total::after {transform: rotate(-135deg);}

/* cart hover content */
#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 .content */
#header .content {display: none; position: absolute; top: 100%; right: 0; padding: 8px; z-index: 200; box-shadow: -3px 3px 3px 0 rgba(0,0,0,.2);}






/* ************************* footer ************************* */
#footer-wrapper {background: rgba(0,0,0,.8); padding: 20px 0; border-top-width: 1px; border-top-style: solid;} 

#footer .column {padding: 0 20px; margin-bottom: 2em;}
#footer .column + .column {border-style: dotted;}

@media screen and (max-width: 479px) {
  #footer-wrapper {padding: 15px;}
  #footer {flex-wrap: nowrap;}
  #footer .column {padding-left: 0; padding-right: 0;}
  #footer .column + .column {padding-top: 2em; border-width: 1px 0 0 0;}
}

@media screen and (min-width: 480px) {
  #footer .column {width: calc(100% / 2); flex-grow: 1;}
  #footer .column + .column {border-width: 0 0 0 1px;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  #footer .column:nth-child(3) {border: 0;}    
}

@media screen and (min-width: 768px) and (max-width: 1359px) { 
  #footer .column {width: calc(100% / 3);}
  #footer .column.last {border: 0;}
}

@media screen and (min-width: 1360px) {
  #footer {flex-wrap: nowrap;}
  #footer .column {width: calc(100% / 4); margin-bottom: 0;}
}


#footer .column h2 {font-size: 110%; margin-bottom: 1em;}
#footer .column h2::before {font-size: 20px;}

#footer .column.last {display: flex; justify-content: center; align-items: center; margin-bottom: 0;}
#footer .column.last a {display: block; margin: 5px;}

#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 / tabs / breadcrumb ************************* */

/* menu header top */
#menu-header-top-wrapper {padding: 0 15px;}
#menu-header-top-wrapper #menu-header-top ul > li {position: relative; margin: 0 8px;}
#menu-header-top-wrapper #menu-header-top ul > li > a {position: relative; display: block; font-size: 110%; padding: 10px 0;}

@media screen and (max-width: 767px) {
  #menu-header-top-wrapper #menu-header-top ul {text-align: center;}
  #menu-header-top-wrapper #menu-header-top ul > li {display: inline-block;}
  
  #menu-header-top > ul#menu-header-info {display: none;}
}

@media screen and (min-width: 480px) {
  #menu-header-top-wrapper #menu-header-top,
  #menu-header-top-wrapper #menu-header-top ul {display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden;}	 
  #menu-header-top-wrapper #menu-header-top ul > li {margin: 0 20px 0 -10px; padding-left: 11px;}      
  #menu-header-top-wrapper #menu-header-top ul > li::before {content: ""; width: 1px; height: 12px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-left-width: 1px; border-left-style: solid;}  
  #menu-header-top-wrapper #menu-header-top ul > li:first-child::before {border: 0;}   
   
  #menu-header-top > ul#menu-header-eshop {margin-right: auto;}
}

@media screen and (min-width: 1360px) {
  #menu-header-top {flex-wrap: nowrap;}	
  

}


/* #menu-header-eshop */
#menu-header-top > ul#menu-header-eshop > li.active > a {font-weight: bold;}
#menu-header-top > ul#menu-header-eshop > li > a {padding-left: 20px;}
#menu-header-top > ul#menu-header-eshop > li > a::before {position: absolute; left: 0; top: 10px; display: inline-block; content: ""; width: 16px; height: 16px; background-repeat: no-repeat;}
#menu-header-top > ul#menu-header-eshop > li > a.first::before {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEzNSAxMzUiPg0KPHBhdGggZmlsbD0iI0ZENkYwMCIgZD0iTTY4IDBjMjAsMCAzOCw5IDUwLDIzbDAgMCAtMTAxIDBjMTMsLTE0IDMxLC0yMyA1MSwtMjN6bTU5IDM0YzUsMTAgOCwyMiA4LDM0IDAsOSAtMiwxOCAtNSwyN2wtNzkgMCA3NiAtNjF6bS05IDc5Yy0xMiwxNCAtMzAsMjIgLTUwLDIyIC0yMCwwIC0zOCwtOCAtNTEsLTIybDEwMSAwem0tMTA5IC0xMmMtNiwtOSAtOSwtMjEgLTksLTMzIDAsLTEwIDIsLTE5IDYsLTI3bDgwIDAgLTc3IDYweiI+PC9wYXRoPg0KPC9zdmc+DQo=');}

#menu-header-top > ul#menu-header-eshop > li > a.second::before {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEzNSAxMzUiPg0KPHBhdGggZmlsbD0iIzAxY2Y3MCIgZD0iTTY4IDBjMjAsMCAzOCw5IDUwLDIzbDAgMCAtMTAxIDBjMTMsLTE0IDMxLC0yMyA1MSwtMjN6bTU5IDM0YzUsMTAgOCwyMiA4LDM0IDAsOSAtMiwxOCAtNSwyN2wtNzkgMCA3NiAtNjF6bS05IDc5Yy0xMiwxNCAtMzAsMjIgLTUwLDIyIC0yMCwwIC0zOCwtOCAtNTEsLTIybDEwMSAwem0tMTA5IC0xMmMtNiwtOSAtOSwtMjEgLTksLTMzIDAsLTEwIDIsLTE5IDYsLTI3bDgwIDAgLTc3IDYweiI+PC9wYXRoPg0KPC9zdmc+DQo=');}

#menu-header-top > ul#menu-header-eshop > li > a.third::before {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEzNSAxMzUiPg0KPHBhdGggZmlsbD0iIzAwN2VmZiIgZD0iTTY4IDBjMjAsMCAzOCw5IDUwLDIzbDAgMCAtMTAxIDBjMTMsLTE0IDMxLC0yMyA1MSwtMjN6bTU5IDM0YzUsMTAgOCwyMiA4LDM0IDAsOSAtMiwxOCAtNSwyN2wtNzkgMCA3NiAtNjF6bS05IDc5Yy0xMiwxNCAtMzAsMjIgLTUwLDIyIC0yMCwwIC0zOCwtOCAtNTEsLTIybDEwMSAwem0tMTA5IC0xMmMtNiwtOSAtOSwtMjEgLTksLTMzIDAsLTEwIDIsLTE5IDYsLTI3bDgwIDAgLTc3IDYweiI+PC9wYXRoPg0KPC9zdmc+DQo=');}

#menu-header-top > ul#menu-header-eshop > li > a.fourth::before {background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEzNSAxMzUiPg0KPHBhdGggZmlsbD0iI2E4MjY4MiIgZD0iTTY4IDBjMjAsMCAzOCw5IDUwLDIzbDAgMCAtMTAxIDBjMTMsLTE0IDMxLC0yMyA1MSwtMjN6bTU5IDM0YzUsMTAgOCwyMiA4LDM0IDAsOSAtMiwxOCAtNSwyN2wtNzkgMCA3NiAtNjF6bS05IDc5Yy0xMiwxNCAtMzAsMjIgLTUwLDIyIC0yMCwwIC0zOCwtOCAtNTEsLTIybDEwMSAwem0tMTA5IC0xMmMtNiwtOSAtOSwtMjEgLTksLTMzIDAsLTEwIDIsLTE5IDYsLTI3bDgwIDAgLTc3IDYweiI+PC9wYXRoPg0KPC9zdmc+DQo=');}




/* menu-login */
#menu-login  {text-align: center;}  

@media screen and (max-width: 767px) {
  #menu-login {margin: 20px 0; background: none;}  
}

@media screen and (min-width: 768px) {
  #menu-login {position: relative; float: right; padding: 5px 10px 10px 10px; z-index: 10;}
}


@media screen and (min-width: 768px) and (max-width: 1359px) {
  #menu-login {border-radius: 0 0 0 4px;}
}


#menu-login > a {font-size: 90%;}
#menu-login > a:first-child {margin-right: 10px;}
#menu-login .content {z-index: 200;}
#menu-login .content .table-form {width: 250px;}




/* submenu button + mfilter-head-icon + .menu-left a::before  */
@media screen and (min-width: 768px) {
  .submenu-button {position: relative;}
  .submenu-button::before,
  .menu-left ul li.sub > a::after {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;} 
  .open > .submenu-button::before,
  .menu-left ul li.sub.open > a::after {transform: rotate(45deg);}
}





/* menu header */
#menu-header > ul {display: flex; flex-direction: row;} 
#menu-header > ul > li {position: relative; text-align: center;} 

@media screen and (max-width: 767px) {
  #menu-header > ul {justify-content: center;} 
  #menu-header > ul > li {flex-basis: calc(100% / 4);}  
  #menu-header > ul > li > a {font-size: 12px; padding: 12px 14px;}
}

@media screen and (max-width: 1359px) {
  #menu-header {border-radius: 0;}  
  #menu-header > ul {flex-wrap: wrap;}  
}

@media screen and (min-width: 768px) {
  #menu-header > ul > li > a { font-size: 14px; padding: 14px 18px;}  
  #menu-header > ul > li::before {content: ""; width: 1px; height: 28px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-left-width: 1px; border-left-style: dotted;} 
  #menu-header > ul > li:first-child::before {border: 0;}
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  #menu-header > ul > li {flex-basis: calc(100% / 6);}
}

@media screen and (min-width: 1360px) {
  #menu-header > ul {flex-wrap: nowrap;}
  #menu-header > ul > li {flex-grow: 1;}  
}

#menu-header > ul > li > a {display: block; font-weight: bold; text-transform: uppercase; text-decoration: none; white-space: nowrap;}
#menu-header > ul > li > a:hover {background-color: #333;}
#menu-header > ul > li > a.ico::before {line-height: 0;}





/* menu left box */
.menu-left ul li.sub,
.menu-left ul li.sub > a,
.menu-left ul li a.special {position: relative;}

/* parent + children + sisters */
.menu-left ul li {border-top-width: 1px; border-top-style: solid;}

@media screen and (min-width: 768px) {
  .menu-left > ul li:first-child {border: 0;}
  
  /* parent (depth: 0) sub ico */
  .menu-left > ul > li.sub > a {padding-right: 25px; border-width: 1px 0 1px 1px; border-style: solid; border-color: transparent;}
}

.menu-left ul li a {display: block; font-size: 14px; padding: 10px; text-decoration: none;}
.menu-left ul ul li a {font-size: 12px; transition: background-color .3s ease-in-out;}

/* special ico */
.menu-left ul li > a.special {padding-right: 37px;}
.menu-left ul li.sub > a.special {padding-right: 54px;}
.menu-left ul li > a.special .action {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 27px; height: 27px;}
.menu-left ul li.sub > a.special .action {right: 24px;}


/* sub.children-hover fix */
@media screen and (min-width: 768px) {
  .menu-left > ul > li.sub:not(.open) > a,
  .menu-left > ul > li.sub:not(.open) > a::before {z-index: 1001;}
  .menu-left > ul > li.sub:not(.open) > a::before {position: absolute; right: -1px; top: 0; bottom: 0; content: ""; width: 1px;}
}


/* children (depth: 1) */
.menu-left > ul > li.sub ul li a {position: relative; padding-left: 24px;}
.menu-left > ul > li.sub ul li a::before {top: 7px; left: 9px;}


/* children hide */
.menu-left ul li:not(.hover) > ul,
.menu-left > ul > li.sub a.image {display: none;}

.menu-left ul li.active > ul,
.menu-left ul li.sub.hover > ul ul {display: block;}


/* children hover submenu */

/* children + sisters hover submenu  */
@media screen and (min-width: 768px) {
    
  .menu-left > ul > li.sub:not(.open) > ul {position: absolute; top: 0; left: 100%; overflow: auto; overflow-x: hidden; max-height: 60vh; padding: 20px 0 20px 20px; border-width: 1px; border-style: solid; z-index: 1000;} 
  .menu-left > ul > li.sub:not(.open):hover ul {display: block!important;} 
  
  /* submenu-button */
  .menu-left > ul > li.sub:not(.open):focus > ul,
  .menu-left > ul > li.sub:not(.open) ul li.sub > a::after,
  .menu-left > ul > li.sub:not(.open) ul li a::before,
  .menu-left ul li.sub > .submenu-button {display: none;} 
    
  .menu-left > ul > li.sub:not(.open) ul li {float: left; border: 0; padding: 0;}
  .menu-left > ul > li.sub:not(.open) ul li a {padding: 0; background: none;}
  .menu-left > ul > li.sub:not(.open) ul li a:hover {text-decoration: underline;}
  
  .menu-left > ul > li.sub:not(.open) ul .action {right: 0;}  
  
  /* children hover submenu  */
  .menu-left > ul > li.sub:not(.open) > ul > li {padding: 0 20px 2em 0; margin-bottom: 2em;} 

  
  .menu-left > ul > li.sub:not(.open) > ul > li > a.image {display: block; float: left; margin: 0 10px 0 0; padding: 0; width: 50px; height: auto;}
  .menu-left > ul > li.sub:not(.open) > ul > li > a.image img {width: 50px; height: auto;}
  
  .menu-left > ul > li.sub:not(.open) > ul > li > a.title {display: block; font-size: 120%; font-weight: bold; margin: 0 0 0.3em 0;}
  .menu-left > ul > li.sub:not(.open) > ul > li > a.title.special {padding-right: 35px;}
  
  
  /* sisters (depth: 2) */
  /* sisters hover submenu  */
  .menu-left > ul > li.sub:not(.open) > ul ul {background: none; overflow: hidden;}
  .menu-left > ul > li.sub:not(.open) > ul ul li {margin: 0 0 0.5em -8px; padding: 0 16px 0 8px; border-left: 1px solid #ccc;}
  .menu-left > ul > li.sub:not(.open) > ul ul li a.special {padding-right: 35px;}
}

/* width = layout - column-left - hover submenu padding */
@media screen and (min-width: 768px) and (max-width: 1359px) {
  .menu-left > ul > li.sub:not(.open) > ul {width: calc(100vw - 250px - 30px);} 
  .menu-left > ul > li.sub:not(.open) > ul > li {width: 50%;} 
  .menu-left > ul > li.sub:not(.open) > ul > li:nth-child(2n+3) {clear: left;}      
}

@media screen and (min-width: 1360px) {   
  .menu-left > ul > li.sub:not(.open) > ul {width: calc(1360px - 250px - 10px);} 
  .menu-left > ul > li.sub:not(.open) > ul > li {width: calc(100% / 3);} 
  .menu-left > ul > li.sub:not(.open) > ul > li:nth-child(3n+4) {clear: left;}  
}




/* ************************* responsive menu left ************************* */

@media screen and (max-width: 767px) {
  .menu-left {margin-bottom: 15px; line-height: 1;}
  
  /* box heading */
  .menu-left .box-heading {display: block; position: relative; margin: 0; padding: 18px; font-weight: bold; font-size: 14px; text-transform: uppercase; cursor: pointer; pointer-events: auto;}
  .menu-left .box-heading::before, .menu-left .box-heading::after {display: block; position: absolute; right: 18px; content: ""; transition: all .3s ease;}
  .menu-left .box-heading::after {top: 24px;  height: 4px; width: 20px; border-width: 2px 0 2px 0; border-style: solid;}
  .menu-left .box-heading::before {top: 18px; height: 2px; width: 20px;}
  .menu-left .box-heading.menu-opened::after {top: 25px; border: 0; height: 2px; width: 15px; transform: rotate(45deg);}
  .menu-left .box-heading.menu-opened::before {top: 25px; width: 15px; transform: rotate(-45deg);}

  .menu-left ul li a {font-size: 13px; padding: 20px;}
  
  /* parent (depth: 0) */
  .menu-left > ul {margin-bottom: 2em;}
  
  /* children (depth: 1) */
  .menu-left ul ul li a {padding-left: 33px;}
  
  /* sisters (depth: 2) */
  .menu-left ul ul ul li a {padding-left: 47px;}
  
  /* submenu-button */
  .menu-left ul li.sub > .submenu-button {position: absolute; right: 0; top: 0;  width: 52px; height: 52px; z-index: 10;}
  .menu-left ul li.sub > .submenu-button::before {top: 26px; right: 21px; width: 11px; height: 1px; border: none;}
  .menu-left ul li.sub > .submenu-button::after {top: 21px; right: 26px; width: 1px; height: 11px;}
  .menu-left ul li.sub > .submenu-button::after, .menu-left ul li.sub > .submenu-button::before {content: ""; position: absolute;}    
  .menu-left ul li.sub > a {padding-right: 58px;}
  .menu-left ul li.sub > a::after {position: absolute; top: 0; right: 0; content: ""; width: 52px; height: 100%; border-left-width: 1px; border-left-style: solid; background-color: transparent;}
  
  /* action */
  .menu-left ul li.sub > a.special {padding-right: 105px;}  
  .menu-left ul li > a.special .action {right: 10px;} 
  .menu-left ul li.sub > a.special .action {right: 63px;}
}









/* tabs ico */
.tabs-ico {text-align: center; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 1em;}
.tabs-ico .ico {display: inline-block; position: relative; font-size: 120%; font-weight: bold; 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 */
#content .box {clear: both; margin: 0 0 30px 0;}
#content .box .article {margin: 0; padding: 0;}

@media screen and (min-width: 768px) {
  /* column-left / menu left */
  .menu-left,
  #column-left .box {margin: 0 0 20px 0; padding: 0}
}


/* column-left */
#column-left .box .box-content {padding: 8px;}

/* content/column-left  */
@media screen and (min-width: 768px) {
  #content .box h2.box-heading, 
  strong.box-heading {display: block; font-size: 120%; margin: 0 0 0.5em 0; padding-bottom: 5px; border-bottom: 1px dotted #c6c6c6;}
  #content strong.box-heading {margin: 0 0 1em 0;}
}


/* box bestseller - content */
#content .box #bestseller ol {margin: 0 0 1em 0; padding: 0; counter-reset: li;}
#content .box #bestseller ol.list-grid li.item {display: block; position: relative; margin: 0; padding: 0 15px 15px 38px; list-style: none;}
#content .box #bestseller ol.list-grid li.item::before {display: block; position: absolute; top: 0; left: 0; font-size: 140%; line-height: 28px; width: 28px; height: 28px; text-align: center; font-weight: bold; color: #fff; border-radius: 50%; counter-increment: li;  content: counter(li);}
#content .box #bestseller ol.list-grid li.item h3 {margin: 0 0 0.5em 0; padding: 0; font-size: 100%;}
#content .box #bestseller ol.list-grid li.item .image {display: block; float: left;}
#content .box #bestseller ol.list-grid li.item .price {padding-left: 10px; text-align: right; font-size: 80%;}
#content .box #bestseller ol.list-grid li.item .price .price-normal, #content .box #bestseller ol li .price .price-new {font-size: 170%;}
#content .box #bestseller ol.list-grid li.item .price .ico.shippingfree {font-weight: bold; font-size: 130%;}
#content .box #bestseller ol.list-grid li.item .price .ico.shippingfree::before {font-size: inherit;}

/* box bestseller - content flex */
@media screen and (max-width: 767px) {
  #category-products-box-wrapper {display: flex; flex-direction: column; flex-wrap: nowrap;}
  #category-products-box-wrapper #bestseller-wrapper {order: 2;}
  #category-products-box-wrapper #category-products-wrapper {order: 1;}
}






/* box statistic */
/* counters circle progress */
#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;} 



/* box article icons */
#content .box .article ul.icons li {display: block; text-align: center; margin-bottom: 2em; padding: 5px;}

@media screen and (min-width: 480px) {
 #content .box .article ul.icons {margin: 0; padding: 0;}  
 #content .box .article ul.icons li {width: calc(100% / 3);} 
}

@media screen and (min-width: 1360px) {
  #content .box .article ul.icons {flex-wrap: nowrap;}
  #content .box .article ul.icons li {width: calc(100% / 5); flex-grow: 1; margin-bottom: 0;}
}

#content .box .article ul.icons li::before {display: none;}
#content .box .article ul.icons li strong {font-size: 14px;}
#content .box .article ul.icons li strong::before {display: block; margin: 0 auto 15px auto; font-size: 36px; line-height: 0.5;}





/* news */
.perex {margin: 0 0 0.5em 0; border-bottom-width: 1px; border-bottom-style: dotted;}
.perex .vlevoobr  {max-width: 200px; height: auto;}
.stredobr.news {max-width: 700px; height: auto;}
.date {font-size: 90%; text-align: right;}

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







/* ************************* content / article ************************* */

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


/* article */
.article {font-size: 100%; line-height: 1.3; text-align: left;}
.article hr {display: block; margin: 2em 0;  padding: 0; height: 1px; border: 0; border-top: 1px solid #ccc;}


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


/* gallery */

.gallery {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 2em; clear: both; line-height: 1;}

.gallery .gallery-item a.thumbnail {display: block; width: 100%; height: 0; padding-bottom: 100%; background-repeat: no-repeat!important; background-size: contain!important; background-position: center center!important; overflow: hidden; transition: all .4s ease;}
.gallery .gallery-item a.thumbnail:hover {transform: scale(1.06);}

.gallery .gallery-item {text-align: center; padding: 0 6% 6% 0; overflow: hidden;}
.gallery .gallery-item span {display: block; margin-top: 0.5em; line-height: 1.3;}
.gallery .gallery-item span.title {font-weight: normal; font-size: 110%;}
.gallery .gallery-item span.description {margin-bottom: 0.5em; font-size: 100%;}


@media screen and (max-width: 479px) {
  .gallery .gallery-item {width: calc(100% / 2);}
}

@media screen and (min-width: 480px) {
  .gallery .gallery-item {width: calc(100% / 4); padding: 0 1.5% 1.5% 0;}
}


@media screen and (min-width: 768px) {
  .gallery .gallery-item {width: calc(100% / 5);}
}

@media screen and (min-width: 1200px) {
  .gallery .gallery-item {width: calc(100% / 6);}
} 


/* icon.search hover */
.gallery .icon.magnify {display: block; position: relative;}

.gallery .icon.magnify::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  font-size: 60px; opacity: 0; z-index: 2; transition: all .2s ease-in-out;} 
.gallery .icon.magnify:hover::before {font-size: 80px; opacity: .75;}

.gallery .icon.magnify img {transition: transform .4s ease-in-out;}
.gallery .icon.magnify:hover img {transform: scale(1.1);}





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



/* ribbon */
.ribbon {position: absolute; overflow: hidden; width: 86px; height: 86px; z-index: 100;}
.ribbon > 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);}
.ribbon  > span::before, .ribbon > 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 > span {left: -25px; transform: rotate(-45deg);}
.ribbon.topleft > span::before {left: 0; border-right-color: transparent; }
.ribbon.topleft > span::after {right: 0; border-left-color: transparent;}

/* top right  */
.ribbon.topright {right: -4px; top: -4px;}
.ribbon.topright > span {right: -25px;  transform: rotate(45deg);}
.ribbon.topright > span::before {left: 0px; border-right-color: transparent;}
.ribbon.topright > 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; font-size: 85%; line-height: 34px; width: 34px; height: 34px; text-align: center; font-weight: bold; color: #fff; background-color: #f00000; border-radius: 50%;}

.action, .status-new {display: inline-block; width: 47px; height: 47px; background-repeat: no-repeat; background-size: contain;}
.action {background-image: url('image/ico-action.svg');}
.status-new {background-image: url('image/ico-new.svg');}



 /* status product-grid/list */
.product .image .price-savings  {left: 30px; bottom: 20px;}

@media screen and (max-width: 479px) {
  .status-new {right: 0; bottom: 0;}
  .product .image .action {left: 0; bottom: 0;}   
}

@media screen and (min-width: 480px) {
  .status-new {right: -4px; bottom: -4px;}
  .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;}









/* ************************* product category ************************* */

/* .list-grid */
.list-grid .item {margin-bottom: 30px; display: flex; justify-content: flex-start; align-items: center; overflow: hidden;}

@media screen and (min-width: 480px) and (max-width: 1359px) {
  .list-grid .item {width: calc(100% / 2);}
}

@media screen and (min-width: 1360px) {
  .list-grid .item {width: calc(100% / 3);}
}


.list-grid .item h3 {margin: 0; padding: 0 10px; font-size: 105%;}



/* category-info */
.category-info {margin-bottom: 15px; padding: 10px 10px 5px 10px;}
.category-info > img {float: right; width: 120px; height: auto; margin: 0 0 5px 5px;}



/* product category filter */
.product-filter {margin-bottom: 15px;}

.product-filter .float-left,
.product-filter .float-right {padding: 8px;}

/* product category filter left */
.product-filter .float-left {float: left;}

.product-filter .float-left.display > a + a {margin-left: 5px;}
.product-filter .float-left.display > a::before {font-size: 18px; text-shadow: 1px 1px 0 #fff;}
.product-filter .float-left.filter-radio {clear: both;}
.product-filter .float-left.filter-radio label {margin-right: 10px;}
.product-filter .float-left.filter-radio .counter-text {font-size: 90%}



/* product category filter right */
.product-filter .float-right {float: right;}
.product-filter .float-right span {margin-right: 5px;}
.product-filter .float-right.compare {font-weight: bold;}
.product-filter .float-right .limit {white-space: nowrap;}


/* shared */
.product-filter .float-left .display,
.product-filter .float-right .sort-link {margin-right: 15px;}

.product-filter .float-left div,
.product-filter .float-right div {display: inline-block;}

.product-filter .filter-category {margin: 0;}


@media screen and (max-width: 767px) {
  .product-filter .float-right:nth-of-type(2),
  .product-filter .filter-radio {clear: both; float: none; text-align: center; overflow: hidden;}
  
  .product-filter .float-right .sort-link,
  .product-filter .filter-radio label {display: inline-block;}
  
  .product-filter .float-right .sort-link,
  .product-filter .filter-radio {margin: 0.5em 0;}
  
  .product-filter .float-right .limit {width: 100%; text-align: right;}
}



/* product list/grid */
.product-list,
.product-grid {margin-bottom: 2em;}

.product-list .product,
.product-grid .product {padding: 8px 0; border-width: 0 0 1px 0;}

.product-list .product h3,
.product-grid .product h3 {font-size: 100%; line-height: 1.5;}

.product-list .product .short-description,
.product-grid .product .short-description {font-size: 85%;}

.product-list .product .short-description blockquote,
.product-grid .product .short-description blockquote {padding: 0 20px 0 25px;}

.product-list .product .short-description blockquote::before,
.product-grid .product .short-description blockquote::before {font-size: 50px;}


/* product-list */
.product-list .product h3 {margin-bottom: 0.5em;}
.product-list .product .product-cart .price {padding-bottom: 15px;}

@media screen and (max-width: 479px) {
  .product-list .product .product-cart::after {content: ""; display: table; clear: both;}  
  .product-list .product .product-cart .price {float: left;}
  .product-list .product .product-cart button {float: right;}
  .product-list .product .description {margin-top: 0.5em;}
}

@media screen and (min-width: 480px) {
  .product-list .product {padding: 8px;}    
  .product-list .product .product-cart {float: right; text-align: right; margin: 0 0 10px 15px;} 
}

@media screen and (max-width: 767px) {
 .product-list .product:nth-child(even) {background: none;}
 .product-list .product .image {margin-bottom: 10px;} 
}

@media screen and (min-width: 768px) {
  .product-list .product .image {float: left; margin: 0 15px 10px 0;}
  .product-list .product .description {margin-bottom: 0.5em;}
}


/* product-grid */
.product-grid .product h3 {height: 3em; margin-bottom: 0.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media screen and (max-width: 479px) {
  .product-grid .product:hover {background-color: transparent;}
  #category-products.product-grid .product h3 {height: auto; margin-bottom: 0.5em; display: inline-block;}
}

@media screen and (min-width: 480px) {
  .product-grid .product {padding: 12px; border-width: 0 1px 1px 0;}  
  .product-grid .product h3 a {display: block;}   

}

@media screen and (min-width: 480px) and (max-width: 979px) {
  .product-grid .product {width: calc(100% / 2);}  
  .product-grid .product:nth-child(2n) {border-right-width: 0;}
  .product-grid .product:nth-last-child(-n+2) {border-bottom-width: 0;}
}

@media screen and (min-width: 980px) and (max-width: 1359px) {
  .product-grid .product {width: calc(100% / 3);}  
  .product-grid .product:nth-child(3n) {border-right-width: 0;}
  .product-grid .product:nth-last-child(-n+3) {border-bottom-width: 0;}
}

@media screen and (min-width: 1360px) {
  .product-grid .product {width: calc(100% / 4);}
}

.product-grid .product-cart {position: relative; padding-top: 10px;}
.product-grid .product-cart::after {content: ""; display: table; clear: both;} 
.product-grid .product-cart .price {float: left; height: 38px;}
.product-grid .product-cart .price .price-tax {display: none;}
.product-grid .product-cart .button-cart {float: right;}




/* product-grid carousel */
/* owl-buttons */
.product-grid.owl-carousel .owl-buttons {position: absolute; top: -32px; right: 0;}
.tab-content-product-grid .product-grid.owl-carousel .owl-buttons {top: -46px;}

/* border */
.product-grid.owl-carousel .product {padding: 12px; border-bottom-width: 0;}
.product-grid.owl-carousel .product:hover {box-shadow: none;}

.tab-content-product-grid .product-grid {border-bottom-width: 1px; border-bottom-width-style: solid;}
.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;}




/* 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 button {display: inline-block; width: 26px; height: 26px; line-height: 28px; margin: 6px 3px 0 3px; border-width: 1px; border-style: solid;}


/* price size */
.product .price {font-size: 80%;}
.product .price .price-normal, .product .price .price-new {font-size: 175%;}


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




@media screen and (min-width: 1360px) {
.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;}
}


@media screen and (min-width: 480px) {
  .product-grid .product:hover, 
  .product-list .product:hover {box-shadow: -2px 2px 6px rgba(0,0,0,.1);}
}
















/* ************************* product detail ************************* */

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

@media screen and (min-width: 768px) {
 .product-info > .left {float: left;} 
 .product-info > .right {float: right;}
}


@media screen and (min-width: 768px) and (max-width: 1359px) {
  .product-info > .left {width: 50%;}
  .product-info > .right {width: calc(100% - 50% - 20px);}
}

@media screen and (min-width: 1360px) {
  .product-info > .left,
  .product-info #image-additional {width: 500px;}
  
  .product-info > .right {width: calc(100% - 500px); padding-left: 20px;}
}



/* product info left */

/* image-additional */
.product-info #image-additional-wrapper {height: 130px; overflow: hidden;}
.product-info #image-additional-wrapper #image-additional.owl-carousel .owl-item {margin-left: 2px;}
.product-info #image-additional-wrapper #image-additional.owl-carousel .owl-item:first-child {margin-left: 0;}
.product-info #image-additional-wrapper #image-additional.owl-carousel .owl-wrapper-outer {padding-bottom: 35px;}
.product-info #image-additional-wrapper #image-additional.owl-carousel .owl-buttons {position: absolute; bottom: 0; right: 0;}



/* product info right */
.product-info > .right .description {line-height: 1.5;}
.product-info > .right .short-description {clear: both; position: relative; margin: 2em 0; border-width: 1px; border-style: solid; box-shadow: 0 0 10px rgba(0,0,0,.3);}




/* option */
.product-info #options .option {width: 100%; padding: 8px 0; font-size: 90%}

@media screen and (max-width: 479px), (min-width: 768px) and (max-width: 1359px) {
  .product-info #options .option select {width: 100%;}
}

@media screen and (min-width: 480px) and (max-width: 767px), (min-width: 1360px) {
.product-info #options .option select {min-width: 50%;}    
}



/* option */
.product-info #options .option h3 {font-size: 110%;}
.product-info #options .option h3 span.required {margin-left: 0.1em;}
.product-info #options .option h3 span.title {margin-left: 5px; font-weight: normal;}
.product-info #options .option span {white-space: nowrap;}


/* option textarea */
.product-info #options .option.textarea {margin: 0; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.3); border-width: 1px; border-style: solid;}
.product-info #options .option.textarea textarea {height: 6.5em;}
.product-info #options .option.textarea .info {font-size: 100%; margin: 1em 0 0 0;}
.product-info #options .option.textarea span.error {color: #000!important; border-width: 1px; border-style: solid;}


/* option textarea fixed */
.product-info #options .option.textarea.fixed {position: fixed; bottom: 0; left: 0; right: 0; top: auto!important; min-height: 250px; max-height: 100%; margin: 0; border: 0; border-radius: 0; z-index: 100000; overflow-x: hidden; overflow-y: auto;}

/* ui-resizable */
.ui-resizable-handle {position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none;}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {display: none;}
.ui-resizable-n {cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;}

/* option textarea error */
.product-info #options .option.textarea.fixed.error-textarea {box-shadow: 0 0 10px red;}

@media screen and (min-width: 768px) {
  .product-info #options .option.textarea.fixed {min-width: 300px; width: 300px; max-width: 100%; left: 0; right: auto; border-radius: 0 4px 0 0;}
  .product-info #options .option.textarea.fixed::before {position: absolute; top: 0; right: 0; content: ""; width: 11px; height: 11px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFJJREFUeNpidHFx+c/AwCAFxM8ZIAAnnwnKeAbEklBJnHwmqAnICnDymaC6idHACFNMjAYGZMUENaArZiDGzcRoYMSlmIEYN+PVQEgxigaAAAMAlEwpskK0nQQAAAAASUVORK5CYII='); background-repeat: no-repeat;}
  
   /* ui-resizable */  
  .ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;}
  .ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
  
  /* option textarea error */
  .product-info #options .option.textarea.fixed.error-textarea {width: 40%; height: 30%;}
}


/* option textarea blink animation */
.product-info #options .option.textarea .textarea-wrapper textarea {margin: 0;}
.product-info #options .option.textarea .textarea-wrapper {line-height: 0;}
.product-info #options .option.textarea .textarea-wrapper:not(:hover) {box-shadow: 0 0 10px;}

.product-info #options .option.textarea .textarea-wrapper:not(:hover),
.product-info #options .option.textarea .ico.arrow_down:before {animation: blink_color 2s linear infinite;}

@keyframes blink_color {
  0% {color: #ef9956;}
  50% {color: #000;}
  100% {color: #ef9956;}
}





/* option-image tabs */
.tab-content.tab-options .image {float: left; position: relative; padding: 0 4px 4px 4px; text-align: center; overflow: hidden;}
.tab-content.tab-options .image label img {cursor: pointer;}
.tab-content.tab-options .image label.selected img {box-shadow: 0 0 5px #000}
.tab-content.tab-options .image label.selected .check {z-index: 20;}
.tab-content.tab-options .image label.selected .check::before {font-size: 40px; text-shadow: 1px 1px 2px #000;}
.tab-content.tab-options .image label {display: block; margin: 0; padding: 0;}
.tab-content.tab-options .image label span {display: inline-block; font-size: 80%; padding-top: 5px; height: 2.5em; line-height: 1; overflow: hidden;}




/* product cart */
.product-info .product-cart .left .price {font-size: 90%;} 
.product-info .product-cart .left .price p {margin: 0 0 0.4em 0;}
.product-info .product-cart .left .price p.discount {margin: 1em 0; line-height: 1.3;}

.product-info .product-cart .left .price .price-big {font-size: 165%; margin-bottom: 0.4em;}
.product-info .product-cart .left .price .action {margin-bottom: 0.5em;}
.product-info .product-cart .left .price .action p {margin-bottom: 0.3em;}

.product-info .product-cart .right .cart-wrapper {white-space: nowrap; margin-bottom: 10px;} 
.product-info .product-cart .right .cart-wrapper .button-cart {margin-left: 5px} 
.product-info .product-cart .right .minimum {padding-top: 5px; font-size: 11px;}

.product-info .product-cart .right .links p a {display: inline-block;}
.product-info .product-cart .right .links p {margin: 0 0 0.4em 0;}


@media screen and (min-width: 400px) and (max-width: 767px), (min-width: 1360px)  {
  .product-info .product-cart .left {float: left;}  
  .product-info .product-cart .right {float: right;}  
}


@media screen and (min-width: 768px) and (max-width: 1359px), (max-width: 399px)  {
   .product-info .product-cart .left {margin-bottom: 2em;}    
}




/* iplatba */
.product-info .product-cart .iplatba {font-size: 90%; margin: 0; padding: 10px 0 10px 50px; background: url('image/ico-iplatba-cofidis.png') no-repeat left center;} 
.product-info .iplatba-info {color: #626262; font-weight: bold; padding: 5px; background-color: #ffcc01; border-radius: 5px; text-shadow: 1px 1px 0 #fff;}

.product-info .product-cart .price-special-countdown {clear: both; padding-top: 1em;}

.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-width: 1px; border-bottom-style: solid;}
.htabs a {float: left; height: 29px; line-height: 30px; font-weight: bold; text-align: center; text-decoration: none; border-width: 1px 1px 0 1px; border-style: solid; margin-right: 2px; padding: 0 15px; white-space: nowrap; background: linear-gradient(#fff,#eee);}
.htabs a.selected, .htabs a:hover {height: 30px; background: #fff;}

@media screen and (max-width: 767px) {
  .htabs {height: auto;}
  .htabs a {height: 30px;}
}


.tab-content {border-width: 0 1px 1px 1px; border-style: solid; padding: 10px; z-index: 2; clear: both;}


/* decor */
.decor-link {display: block; text-align: center; margin-top: 1em;}
iframe.decor {width: 100%; height: 878px; overflow-x: hidden; overflow-y: auto;}

@media screen and (min-width: 1360px) {
  .decor-link img {width: 1058px; height: 400px;}
}






/* prevnext-product */
.prevnext-product {margin: 30px 0;}
.prevnext-product a span {font-weight: bold; font-size: 90%;}
.prevnext-product a img {width: auto; max-width: 50px; height: 50px; margin: 0 10px;}
.prevnext-product a.prev-product {text-align: left; padding-right: 10px;}
.prevnext-product a.next-product {text-align: right; padding-left: 10px;}

@media screen and (min-width: 480px) {
  .prevnext-product a {max-width: 50%;}    
}

@media screen and (max-width: 479px) {
 .prevnext-product a {max-width: 100%; margin-bottom: 2em;}     
}



/* podobne zbozi */
#product_related {margin-top: 15px;}
#product_related .product-grid {border-width: 1px 0 0 0; border-style: solid;}


/* shared */
.product-info #options,
.product-info .product-cart,
.product-info > .right .description,
.product-info #options .option {margin-bottom: 15px;}

.product-info > .left,
.product-info .image,
.tab-content {margin-bottom: 30px;}



/* product info quickview */
#content.quick-view {width: 100%; padding: 15px; background-image: none!important; min-height: 0;}







/* ************************* product category / detail - image ************************* */

/* product/category list */
.list-grid .item .image {width: 90px; height: 90px;}
.list-grid .item .image img {max-width: 90px; max-height: 90px;}


/* product-grid/list */
.product .image img {transition: transform .4s ease-in-out;}
.product .image:hover img {transform: scale(1.1);}


/* product-list */
@media screen and (max-width: 767px) {
  .product-list .product .image img {max-width: 500px; max-height: 500px;}
}

@media screen and (min-width: 768px) {
  .product-list .product .image {width: 200px;}
  .product-list .product .image img {max-height: 200px;}
}

/* product-grid */
@media screen and (max-width: 479px) {
  .product-list .product .image > a,
  .product-grid .product .image > a {min-height: 150px;}  
  .product-grid .product .image img {max-height: 450px;}
}

@media screen and (min-width: 480px) {
.product-grid .product .image > a {height: 245px;}
.product-grid .product .image img {max-height: 245px;}
}

/* product-grid carousel */
.product-grid.owl-carousel .product .image > a {height: 245px;}
.product-grid.owl-carousel .product .image img {max-height: 245px;}


/* product info image main */
.product-info .image img,
.product-info #image-additional img {max-height: 100%;}


@media screen and (min-width: 540px) and (max-width: 767px), (min-width: 1360px) {
  .product-info .image {width: 500px; height: 500px; margin-right: auto; margin-left: auto;}
}

@media screen and (min-width: 768px) and (max-width: 1359px), (max-width: 539px) {
  .product-info .image {height: 0; padding-bottom: 100%;}
}


/* option PNG image add/remove */
#main-image span[class^="option"] {display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-repeat: no-repeat; background-size: contain; z-index: 2;}
#main-image.option-image img {box-shadow: 0 0 14px rgba(0,0,0,.6);;}



/* product info image-additional */
.product-info #image-additional a,
.quick-view .product-info #image-additional .owl-item > div {width: 92px; height: 92px;}



/* product list/grid/info image */
.product .image, 
.product-info .image {position: relative;}

.product .image > a {overflow: hidden;}



/* option-image tabs */
.tab-content.tab-options .image label,
.tab-content.tab-options .image label img, 
.tab-content.tab-options .image label.selected .check {width: 88px;}

.tab-content.tab-options .image label img,
.tab-content.tab-options .image label.selected .check {height: 88px;}









/* ************************* checkout ************************* */

/* order-step */
#order-step {margin: 1em 0 2em 0;}
#order-step ul { text-align: center;}
#order-step ul li {position: relative; margin-bottom: 2em;}

@media screen and (min-width: 480px) {
  #order-step ul {display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; margin: 0 auto;}    
  #order-step ul li {margin: 0; flex-grow: 1; flex-basis: 0;}
}

@media screen and (min-width: 768px) {
  #order-step ul {width: 60%;}   
}

#order-step ul li span,
#order-step ul li a {display: block; padding: 0 10px; font-size: 120%; font-weight: bold;}
#order-step ul li span::before,
#order-step ul li a::before {position: relative; display: block; line-height: 1.3; font-size: 18px; margin: 0 auto 10px auto; height: 25px; width: 25px; border-width: 2px; border-style: solid; border-radius: 50%; z-index: 10;}
#order-step ul li span:not(.check)::before {content: "";}


#order-step ul li::before,
#order-step ul li::after {display: block; position: absolute; top: 14px; content: ""; border-bottom-width: 1px; border-bottom-style: dotted;}

#order-step ul li.first::after,
#order-step ul li.second::after {left: 50%; right: 0;}

#order-step ul li.second::before,
#order-step ul li.last::before {left: 0; right: 50%;}


#sch .slide-form {margin-bottom: 30px;}
#sch .slide-form .button {margin-left: 5px;}

#sch .icon.check {float: right;}

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


#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;}

/* info reminder popup */
#popup.info-reminder .float-center {margin-top: 1em;}





/* 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 #eee;}
.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 {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 {display: flex; align-items: center; position: relative; width: 100%; padding: 10px 10px 10px 35px; border-bottom-width: 1px; border-bottom-style: dotted;}
.methods-block .methods:last-child label {border: 0;} 
.methods-block .methods label::before {position: absolute; top: 50%; left: 5px; transform: translateY(-50%);}
.methods-block .methods label:hover {background-color: rgba(255,255,255,.6);}
.methods-block .methods label span.col-title {width: 85%; padding-right: 5px;}
.methods-block .methods label span.col-title span.description {font-size: 90%;}
.methods-block .methods label span.col-price {width: 15%; padding-left: 5px; text-align: right; white-space: nowrap;}
.methods-block .methods label img {width: 90px; height: auto;}

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


/* checkout success */
.success-icon {text-align: center;}
.success-icon div {display: inline-block; margin: 0 40px 30px 40px;}
.success-icon .facebook-like {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; border-width: 1px; border-style: solid;}
table.checkout-cart th, table.checkout-cart td {border-bottom-width: 1px; border-bottom-style: solid;}

table.checkout-cart .image {width: 90px;}
table.checkout-cart .image img {max-width: 90px; height: auto;}
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 .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-width: 1px; border-bottom-style: solid;}
table.checkout-cart tfoot tr:last-child td,
table.checkout-cart tfoot tr:last-child th {font-size: 120%;}



@media screen and (max-width: 767px) {
  table.checkout-cart th, table.checkout-cart td, table.checkout-cart td.image, table.checkout-cart td.model {display: block; width: 100%;}
  table.checkout-cart td.quantity, table.checkout-cart td.price, table.checkout-cart td.total, table.checkout-cart td.remove {float: left; height: 46px; line-height: 23px; border-width: 1px 0 2px 0; border-style: solid; white-space: nowrap;}
  table.checkout-cart td.image a {border: 0!important;}
  table.checkout-cart td.quantity {width: 20%;}
  table.checkout-cart td.remove {width: 10%; text-align: center;}
  table.checkout-cart td.price, table.checkout-cart td.total {width: 35%;}
  table.checkout-cart.confirm td.price, table.checkout-cart.confirm td.total {width: 40%;}
  
  table.checkout-cart thead,
  table.checkout-cart tfoot#total td:last-child {display: none;}
  
  table.checkout-cart tfoot th, table.checkout-cart tfoot td {float: left; width: 50%;}  
}











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


/* tabulka */
.table {width: auto;}
.table td {padding: 0 10px 0 0; margin: 0;}



/* attribute tab table */
table.attribute th {width: 30%;}
table.attribute th:first-letter,
h3.mfilter-heading:first-letter {text-transform: uppercase;}



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


/* table shared */
table.checkout-cart,
table.list,
table.attribute,
table.compare-info {margin-bottom: 20px; border-width: 1px; border-style: solid;}

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

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-width: 0 1px 1px 0; border-style: solid;}

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














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

.table-form th.top {padding-top: 0.7em; vertical-align: top;}
.table-form th label {white-space: wrap;}
.table-form td img {vertical-align: middle;}

@media screen and (max-width: 767px) {
  .table-form td,
  .table-form th {display: block; width: 100%; padding: 0 0 5px 0;}  
  .table-form td {padding: 0 0 1em 0;}  
  .table-form td .g-recaptcha > div {width: 100%!important;}
}

@media screen and (min-width: 768px) {
  .table-form th {text-align: right; width: 10%; padding: 5px 5px 5px 0;}
  .table-form th label {white-space: nowrap;}
  .table-form th:nth-child(3) {padding-left: 10px;}
  .table-form td {padding: 5px 0 5px 5px;}
}


/* input / textarea / select */
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: 0 0 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%;} 
input[type="text"].form-text1, input[type="password"].form-text1, input[type="number"], input[type="tel"], input[name*="postcode"] {width: 14em;}
input[type="date"], input[type="text"].datepicker {min-width: 120px; background-image: url('image/ico-calendar.png'); background-repeat: no-repeat; background-position: 3px center; padding-left: 25px;}

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


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


/* browser appearance */
/* chrome input[type="date"] fix */
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button {-webkit-appearance: none; display: none;}

/* safari input[type="search"] fix */
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}


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

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

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

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

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

/* input readonly */
input[type="text"].readonly,
button[disabled="disabled"] {cursor: not-allowed;}

@media screen and (max-width: 767px) {
  input[type="number"], input[type="tel"], input[type="date"],
  input[type="text"].form-text1, input[type="password"].form-text1, 
  #sch .coupon input[type="text"] {width: 100%;}
}







/* css3 radio/checkbox/select  */
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: transparent;}

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


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


.togglelink.center {clear: both; display: block; margin: 0 auto; text-align: center;}

.table-form td button.buttonlink {margin-left: 0.5em;}





/* ************************* 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 {display: inline-block; padding: 7px 15px; border: 0;}
.button, .button-cart {font-weight: bold; text-shadow: 1px 1px 0 #000;}



/* 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; border: 1px solid rgba(0,0,0,.1);}
.button-cart::before {padding: 0 3px;}
.button-cart span {display: inline-block; font-size: 13px; font-weight: bold; padding: 0 5px; white-space: nowrap;}

/* button cart product info */
#button-cart.button-cart {padding: 6px 4px;}

.product-grid .button-cart,
td.cart .button-cart {padding: 0; 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; white-space: nowrap; border-width: 1px; border-style: solid;}
.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-width: 1px; border-bottom-style: dotted; padding-bottom: 10px;}
.sitemap-info {overflow: auto; margin-bottom: 40px;}


/* pagination */
.icon.first-page::before {content: "\f048";}
.icon.last-page::before {content: "\f051";}
.icon.next-page::before {content: "\f0da";}
.icon.prev-page::before {content: "\f0d9";}

.pagination {position: relative; padding: 1em 0 2em 0;}
.pagination .loading {display: block; float: none; clear: both; margin: 4em auto; padding: 0; width: 16px; height: 16px;} 
.pagination #btnloadmore {clear: both; margin: 4em auto;}
.pagination  #pagination-top {float: left; font-size: 90%; margin-top: 4px;}
.pagination .text-results {clear: both; text-align: center; margin: 4em 0;}

.pagination .results {float: left; font-size: 90%; margin-top: 4px;}
.pagination .links {float: right; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: center; }
.pagination .links a, 
.pagination .links span {display: inline-block; font-weight: bold; font-size: 100%; padding: 10px; line-height: 1; text-decoration: none; text-shadow: 1px 1px 0 #fff;} 

.pagination .links a.page-icon {padding: 0; font-size: 14px; overflow: hidden;  border-radius: 50%} 
.pagination .links a.page-icon::before {line-height: 30px; width: 30px; height: 30px;;}

.pagination .links a.icon.prev-page {margin-right: 0.5em;}
.pagination .links a.icon.next-page {margin-left: 0.5em;}



/* ************************* popup / notification / loaders ************************* */


/* success add cart popup */
.success-popup {position: fixed; top: 10vh; left: 0; right: 0; margin: auto; border-width: 1px; border-style: solid; z-index: 3000; overflow: hidden;}

@media screen and (max-width: 767px) {
  .success-popup {width: 93%; }
}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  .success-popup {width: 70%;}
}

@media screen and (min-width: 1360px) {
  .success-popup {width: 650px;}
}



.success-popup h2 {margin-bottom: 20px; padding: 15px 20px;}
.success-popup h2.ico.check::before {font-size: inherit;}
.success-popup .product {padding: 0 20px; border: 0;}
.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;}

.product-info #options .option.textarea span.error,
.success, .warning, .attention, .warning-wrapp, .info {position: relative; clear: both; font-size: 14px; padding: 10px 10px 10px 33px; margin-bottom: 10px; overflow: hidden;}

.product-info #options .option.textarea span.error::before,
.success::before, .warning::before, .warning-wrapp::before, .attention::before, .error::before, .shippingfree .ico.shippingfree::before, .info::before {width: 16px; height: 16px; position: absolute; left: 10px; top: 50%; margin: -8px 0 0 0;}

.success {border-width: 1px; border-style: solid;}

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

.warning, .warning-wrapp {border-width: 1px; border-style: solid;}

.attention, .info {border-width: 1px; border-style: solid;}

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

span.error {border-width: 1px; border-style: solid;}

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

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


.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: .2;}
.close:hover, .close:focus {text-decoration: none; opacity: .5;}


/* info helper-button */
.info.helper-button .ico.hand-direction {display: flex; align-items: center;}
.info.helper-button .ico.hand-direction::after {font-size: 22px; right: 0;}

@media screen and (max-width: 767px) {
   .info.helper-button .float-right {margin-top: 2em;}
   .info.helper-button .ico.hand-direction::after {content: "\f0a7";}
}


@media screen and (min-width: 768px) {
  .info.helper-button {display: flex; align-items: center;}
  .info.helper-button .float-right {margin-left: auto;}

  .info.helper-button .ico.hand-direction::after {margin: 0 0.5em; content: "\f0a4";}
}



/* shared */
.success-popup h2.ico.check::before,
.success::before,
.shippingfree.success::before,
span.ico.shippingfree::before {color: #090;}

.success,
.success-popup h2  {background-color: #EAF7D9;}






/* shippingfree notification */
.shippingfree {clear: both; position: relative;}
.shippingfree .float-left {width: 70%; padding: 0.5em 0;}
.shippingfree .float-right {width: 28%;}
.shippingfree strong,
.shippingfree .percent-range-text span {white-space: nowrap;}

.shippingfree .percent-range-wrapper {border-width: 1px; border-style: solid; overflow: hidden;}
.shippingfree .percent-range-wrapper, .shippingfree .percent-range {display: block; height: 8px;}
.shippingfree .percent-range-text {font-size: 80%; text-align: right;  margin-top: 0.5em;}





/* loaders CSS3 */
.loadingblock-wrap {position: relative;}
.loadingblock {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background: rgba(255,255,255,.7);}

/* big loading + fancybox-loading */
.loadingblock::before,
.fancybox-loading {position: absolute; top: 160px; left: 0; right: 0; content: ""; width: 50px; height: 50px; margin: auto; animation: loading-rotate 1s linear infinite; background: transparent; border-width: 4px; border-style: solid; border-bottom-color: #fff; border-radius: 50%; opacity: .7; z-index: 99999;}

/* small loading  */
.loading {float: right; position: relative; top: 8px; padding-left: 34px;}
.loading::before {position: absolute; top: 0; left: 0;  content: ""; width: 16px; height: 16px; animation: loading-rotate 1s linear infinite; background: transparent; border-width: 4px; border-style: solid; border-bottom-color: transparent; border-radius: 50%; opacity: .7; z-index: 100;}

@keyframes loading-rotate {100% {transform: rotate(360deg);}}











/* ************************* module / UI ************************* */

/* owl-carousel */
.owl-carousel, .owl-carousel .owl-wrapper {position: relative; }
.owl-carousel .owl-wrapper-outer {width: 100%; overflow: hidden;}
.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: 23px; text-align: center; cursor: pointer; transition: background-color .2s ease-in-out;}
.owl-carousel .owl-prev:hover, .owl-carousel .owl-next:hover {background-color: #f0f0f0;}
.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;}





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




/* slider */
#column-left .slider-container .slider {width: auto; margin-bottom: 1em;}
#content .slider-container-wrapper {margin-bottom: 1em;}

#content .slider-container {width: 100%;} 
#content .slider-container .slider-min, #content .slider-container .slider-max {white-space: nowrap;}

.slider-container {width: 100%; padding: 15px 0; text-align: center; font-size: 12px; font-weight: bold; color: #636363;}
.slider-container .slider {margin: 0 10px 1em 10px;}
.slider-container .slider-separator {margin: 0 0.5em;}

.slider-refresh {float: right;}
.slider-container-wrapper .slider-refresh {padding: 15px 0;}

@media screen and (min-width: 768px) {    
  #content .slider-container {width: 85%; float: left; display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center;}  
  #content .slider-container .slider {flex-grow: 1; order: 2; margin: 0;} 
  #content .slider-container .slider-min, #content .slider-container .slider-max {flex-grow: 0; min-width: 80px;} 
  
  #content .slider-container .slider-min {text-align: right; margin-right: 15px; order: 1;}
  #content .slider-container .slider-max {text-align: left; margin-left: 15px; order: 3;}

  #content .slider-container .slider-separator {display: none;}
}

/* slider UI */
.ui-slider {position: relative; text-align: left; height: .8em; border-width: 1px; border-style: solid; 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;}



/* mega filter */
#content .mfilter-content {padding: 8px;}
#content .mfilter-content ul {margin: 0;}
#content .box.mfilter-box .mfilter-heading {background: none;}
#content .mfilter-content .mfilter-heading .mfilter-heading-text {width: auto; margin-left: 0;}
#content .mfilter-content .mfilter-heading .mfilter-heading-text > span {display: inline-block; padding-left: 0;}

#content .mfilter-content .mfilter-option label {padding-left: 7px;}
.mfilter-content .mfilter-heading {border-bottom-width: 1px; border-bottom-style: solid;}


/* position: content top */
#content .mfilter-content_top .mfilter-tb .mfilter-tb {border-width: 1px; border-style: solid;}
#content .mfilter-content_top .mfilter-tb .mfilter-tb .mfilter-counter {font-size: 12px;}


/* bighover */
#bighoverImage {background-color: #fff; box-shadow: 3px 3px 5px rgba(0,0,0,.2);}



/* review-store block */
#column-left .review-store .review {margin-bottom: 1.5em; padding: 8px;}

.review-store .review blockquote {font-size: 100%; margin: 0 0 0.3em 0; padding: 0 0 0 18px; line-height: 1.4;}
.review-store .review blockquote::before {top: -10px; font-size: 35px; color: #a3a3a3;}
.review-store .review .author {float: right; color: #a3a3a3; font-size: 90%;}

/* review-store page */
#content .review-store .review {margin-bottom: 2em; padding-right: 10px;}

@media screen and (min-width: 1360px) {
  #content .review-store .review {width: calc(100% / 5); flex-grow: 1;} 
  #content .box .review-store {flex-wrap: nowrap;}
  #content .box .review-store .review {margin-bottom: 0;}
}

@media screen and (min-width: 480px) and (max-width: 1359px) {
  #content .review-store .review {width: calc(100% / 2);}
}

@media screen and (min-width: 480px) {
  #content .review-store .review {margin-bottom: 2em;}    
}

#content .article .more {font-weight: bold; padding-top: 1em;}



/* rating star */
.rating {white-space: nowrap;}
.rating i::before {font-size: 10px; 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:#ffa333;}




/* feedback */
#feedback-box {margin-bottom: 30px; text-align: center;}
#feedback-content {display: inline-block; margin: 0 auto; padding: 20px 30px;}
#feedback-content span {color: #666; font-weight: bold; margin-right: 10px;}

@media screen and (max-width: 767px) {
  #feedback-content span {display: block; margin-bottom: 1em;}
}


#feedback-form {text-align: left;}
#feedback-form .feed-comment-note {float: left;}
button.feed_btn {margin-top: 10px;}


/* compare popup */
body .product-compare {position: fixed; bottom: 20px; left: 20px; border-width: 1px; border-style: solid; padding: 10px; z-index: 1000;}



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




/* Fancybox 3.5.7 + shared fancybox-loading */
body.compensate-for-scrollbar {overflow: hidden;}
.fancybox-active {height: auto;}
.fancybox-is-hidden {position: absolute!important; left: -9999px; top: -9999px; margin: 0; visibility: hidden;}
.fancybox-container {position: fixed;  top: 0; left: 0; width: 100%; height: 100%; outline: none; z-index: 99992; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0);}
.fancybox-container * {box-sizing: border-box;}
.fancybox-container button.fancybox-button {background: none;}
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {position: absolute; bottom: 0; left: 0; right: 0; top: 0; font-family: Arial, Helvetica, sans-serif;}
.fancybox-outer {-webkit-overflow-scrolling: touch; overflow-y: auto;}
.fancybox-bg {background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47,0,.74,.71);}
.fancybox-is-open .fancybox-bg {opacity: .9; transition-timing-function: cubic-bezier(.22,.61,.36,1);}
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {position: absolute; direction: ltr; opacity: 0; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997;}
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible;}
.fancybox-infobar {top: 0; left: 0; color: #ccc; font-size: 13px; height: 44px; line-height: 44px; min-width: 44px;  padding: 0 10px; pointer-events: none;  mix-blend-mode: difference; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-font-smoothing: subpixel-antialiased;}
.fancybox-toolbar {right: 0; top: 0;}
.fancybox-stage {direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994;}
.fancybox-is-open .fancybox-stage {overflow: hidden;}
.fancybox-slide {position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%;  outline: none;padding: 44px; text-align: center;  overflow: auto; white-space: normal;  z-index: 99994; transition-property: transform, opacity; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch;}
.fancybox-slide::before {display: inline-block; content: ""; width: 0; height: 100%; margin-right: -.25em; vertical-align: middle;}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {display: block;}
.fancybox-slide--image {overflow: hidden; padding: 44px 0;}
.fancybox-slide--image::before {display: none;}
.fancybox-slide--html {padding: 6px;}
.fancybox-content {background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle;}
.fancybox-slide--image .fancybox-content {background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1); animation-timing-function: cubic-bezier(.5,0,.14,1); -webkit-backface-visibility: hidden; z-index: 99995;}
.fancybox-can-zoomOut .fancybox-content {cursor: -webkit-zoom-out; cursor: zoom-out;}
.fancybox-can-zoomIn .fancybox-content {cursor: -webkit-zoom-in; cursor: zoom-in;}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {cursor: -webkit-grab; cursor: grab;}
.fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing; cursor: grabbing;}
.fancybox-container [data-selectable='true'] {cursor: text;}
.fancybox-image,
.fancybox-spaceball {background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%;}
.fancybox-spaceball {z-index: 1;}
.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {width: 100%; height: 100%; padding: 0; overflow: visible;}
.fancybox-slide--video .fancybox-content {background: #000;}
.fancybox-slide--map .fancybox-content {background: #e5e3df;}
.fancybox-slide--iframe .fancybox-content {height: calc(100% - 44px); margin-bottom: 44px; padding: 5px; background: #fff;}
.fancybox-video, .fancybox-iframe {width: 100%; height: 100%; border: 0; margin: 0; padding: 0; background: transparent; overflow: hidden; }
.fancybox-iframe {vertical-align: top;}
.fancybox-error {background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%;}
.fancybox-error p {color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0;}
.fancybox-button {background: rgba(30,30,30,.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px;}
.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #ccc;}
.fancybox-button:hover {color: #fff;}
.fancybox-slide--html .fancybox-button:hover {color: #999;}
.fancybox-button:focus {outline: none;}
.fancybox-button.fancybox-focus {outline: 1px dotted;}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888; cursor: default; outline: none;}
.fancybox-button div {height: 100%;}
.fancybox-button svg {display: block; height: 100%; overflow: visible; position: relative; width: 100%;}
.fancybox-button svg path {fill: currentColor; stroke-width: 0;}
.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2), .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {display: none;}
.fancybox-progress {background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998;}
.fancybox-close-small {position: absolute; right: 0; top: 0; border: 0; width: 40px; height: 40px; background: transparent; cursor: pointer;  margin: 0; padding: 6px;  z-index: 401; border-radius: 0;}
.fancybox-close-small:hover {opacity: .75;}
.fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {color: #ccc!important; padding: 5px; right: -12px; top: -44px;}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden;}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none;}
.fancybox-navigation .fancybox-button {position: absolute; top: calc(50% - 50px); width: 70px; height: 100px; background: #262626; background-clip: content-box; opacity: 0;}
.fancybox-navigation .fancybox-button div {padding: 7px;}
.fancybox-navigation .fancybox-button--arrow_left {left: 0; padding: 31px 26px 31px 6px;}
.fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px; right: 0;}
.fancybox-caption {left: 0; right: 0; bottom: 100px; color: #fff; text-align: left; font-size: 14px; font-weight: normal; padding: 20px; line-height: 1.3;}
@media all and (max-height: 576px) {@supports (padding: max(0px)) {.fancybox-caption {padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right));}}}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc; text-decoration: none;}
.fancybox-caption a:hover {color: #fff; text-decoration: underline;}
.fancybox-loading {top: 0; right: 0; bottom: 0; left: 0; opacity: .8;}
@keyframes fancybox-rotate {100% {transform: rotate(360deg);}}
.fancybox-animated {transition-timing-function: cubic-bezier(0,0,.25,1);}
.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {opacity: 0; transition-timing-function: cubic-bezier(.19,1,.22,1);}
.fancybox-fx-fade.fancybox-slide--current {opacity: 1;}
.fancybox-thumbs {background: rgba(0,0,0,.3); display: none; margin: 0; padding: 2px 2px 4px 2px; position: absolute; bottom: 0; left: 0; right: 0; width: auto; z-index: 99995; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar;}
.fancybox-show-thumbs .fancybox-thumbs {display: block;}
.fancybox-thumbs__list {position: relative; width: 100%; height: 100%; margin: auto; padding: 0; font-size: 0; white-space: nowrap; list-style: none; overflow:: hidden;}
.fancybox-thumbs-x {overflow-x: auto; overflow-y: hidden;}
.fancybox-thumbs__list a {position: relative; float: left; width: 100px; height: 75px; margin: 3px; outline: none; overflow: hidden; padding: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; -webkit-tap-highlight-color: transparent;  -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.fancybox-thumbs__list a::before {border: 3px solid rgba(255,255,255,.8); z-index: 99991;}
.fancybox-thumbs__list a:focus::before {opacity: .5;}
.fancybox-thumbs__list a::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: rgba(255,255,255,.25);}
.fancybox-thumbs__list a:hover::after {opacity: 1;}
.fancybox-thumbs__list a::before, .fancybox-thumbs__list a::after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; opacity: 0; transition: all .2s ease-in;}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}
@media screen and (max-width: 479px) {.fancybox-toolbar > *:not(.fancybox-button--close) {display: none!important;}}

/* popup */
.fancybox-slide--html .fancybox-content {min-width: 20%; max-width: 100%; max-height: 100%;}
.fancybox-slide--html .fancybox-content#popup {text-align: center; font-size: 140%; box-shadow: 5px 5px 10px rgba(0,0,0,.8);}

/* iframe */
@media screen and (min-width: 768px) {
  .fancybox-slide--iframe .fancybox-content {max-width: 70%;}
}

@media screen and (max-width: 767px) {
  .fancybox-slide--iframe .fancybox-content {width: 100%;}  
  .fancybox-thumbs__list a {width: 80px; height: 60px;}
}







/* tooltip: Tooltipster v3.3.0 */
.tooltipster-default {color: #fff; 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;}