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

@media screen and (min-width: 1360px) {
  body {min-height: 100vh; height: 100%; display: flex; flex-direction: column;}
}

/* ************************* 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, .article ul {margin: 0 0 1em 0; padding: 0;}
body, th, td {text-align: left;}
strong {font-weight: bold;}
em {font-style: italic;}
ul {list-style: none;}
img {max-width: 100%; height: auto; border: 0;}
iframe {max-width: 100%; max-height: 100%; border: 0;}
* {box-sizing: border-box;}
:focus {outline: none;}
:active {-webkit-tap-highlight-color: transparent;}
::-moz-focus-inner {border: 0;}


/* scrollbar */
@media screen and (min-width: 768px) {
  /* Firefox */
  :root *:not(body) {scrollbar-width: thin; scrollbar-color: #c1c1c1 #fff;}

  /* Chrome/Edge */
  :root *:not(body) ::-webkit-scrollbar {width: 8px; height: 8px; background: #fff; border-radius: 1ex;}
  :root *:not(body) ::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: 1ex;}
  :root *:not(body) ::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}
}


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

/* reCaptcha v3 hide */
.grecaptcha-badge {visibility: hidden!important;}


/* pointer, user-select a text-decoration */
.pointer-events-none,
.sticker,
.sticker-wrapper,
button.confirm,
.spinner input.form-quantity.readonly,
.breadcrumb a:last-child,
.fancybox-caption,
body#page-checkout #header #cart {pointer-events: none;}


@media screen and (min-width: 768px) {
  .box-heading {pointer-events: none;}
}


/* no select text */
label,
button,
.button,
.button-cart,
input.readonly,
.input-button-search-wrapper button.button-search,
.telephone-wrapper .telephone_prefix,
.spinner button,
.menu-button,
.menu-link,
.togglelink,
.dropdown-toggle,
.price-savings,
.htabs li > a,
.htabs.tabs-ico li > .ico,
.menu-left,
.menu-content,
.owl-drag .owl-item,
.accordion > h3,
#menu-header-top-wrapper {-webkit-user-select: none; user-select: none;}


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

button:not([type="submit"]):disabled {opacity: .7;}

@media screen and (min-width: 320px) {
  button,
  .button {white-space: nowrap;}
}


.button.transparent {border-width: 1px; padding: 12px 16px; border-style: solid; background: none;}



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

a:hover,
.link-horizontal a:hover {text-decoration: underline; text-decoration-skip-ink: auto;}


/* white-space: nowrap */
.text-nowrap,
a[href^="tel:"] {white-space: nowrap;}



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


/* float flex */
.flex-left {margin-right: auto;}
.flex-right {margin-left: auto;}


/* flex-table */
.flex-table {margin: 2em 0 1em 0;}
.flex-table p {margin: 0 0 1em 0;}
.flex-table p strong {margin-right: 0.5em;}


.flex-table h4:not(:first-of-type):last-of-type {clear: both; width: 100%; margin-top: 1.5em; padding-top: 2em; border-width: 1px 0 0 0; border-top-style: solid;}


@media screen and (max-width: 479px) {
  .flex-table {text-align: center;}
  .flex-table p * {display: block;}
}

@media screen and (min-width: 480px) {
  .flex-table p {text-align: left; display: flex; flex-direction: row; flex-wrap: wrap;}
  .flex-table p strong {flex: 1 0 40%; margin-right: 0.5em;}
  .flex-table p em {clear: both; margin: auto;}

}

@media screen and (min-width: 768px) {
  .flex-table p strong {flex: 0 0 15em;}
}


/* flex nowrap */
@media screen and (min-width: 320px) {
  .nowrap {display: flex; flex-direction: row; flex-wrap: nowrap;}
}


/* cursor */

/* cursor: pointer */
a,
button,
.button,
input + label,
.togglelink,
.submenu-button,
.icon.close,
.htabs.tabs-ico .ico,
.dropdown.header-item .dropdown-toggle,
.product-detail .images div.thumbnail,
ul li label.thumbnail,
.option-popup .gallery label.gallery-item,
#active_filters .active-filters-inner .mfilter-filter-item label {cursor: pointer;}


/* cursor: default */
.breadcrumb a:last-child {cursor: default;}

/* cursor: not-allowed */
*:disabled + label,
*:disabled,
button.confirm_ajax,
label.disabled,
.button-confirm-wrap,
.spinner input.form-quantity:disabled,
.spinner input[max="1"].form-quantity,
.owl-carousel .owl-nav > button.disabled {cursor: not-allowed;}

/* cursor: grab */
.grabbing,
.owl-carousel.owl-grab,
.owl-carousel.owl-grab a,
#content.quick-view .product-detail .images .thumbnail,
.product-detail #image-additional-responsive.images .thumbnail {cursor: grab!important;}


/* cursor: magnify.cur */
.magnify,
.product-detail .images a.thumbnail,
.gallery .gallery-item a.thumbnail,
body:not(.quick-view) .zoomContainer .zoomWindow {cursor: url('../image/magnify.cur') , zoom-in;}


/* cursor: move */
body.quick-view .zoomContainer .zoomWindow {cursor: move;}


/* cursor: cursor-mouse-scroll.cur */
input[type="number"]:not([max="1"]).form-quantity {cursor: url('../image/cursor-mouse-scroll.cur') , default;}


::placeholder {font-style: italic; opacity: .7;}
:focus::placeholder {color: transparent;}


/* items */
span.items {display: block; margin: auto; width: 16px; min-width: 16px; height: 16px; font-size: 10px; z-index: 2; white-space: nowrap; border-radius: 50%;}


/* popup bottom (z-index nizzi nez #header-wrapper) */
.popup-bottom {position: fixed; left: 0; right: 0; bottom: 0; width: 100%; padding: 10px!important; overflow-x: auto; z-index: 9998;}



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

/******* text color *******/

/* main color */
a,
a[href^="tel:"], a.ico.phone,
a[href^="mailto:"], a.ico.email,
input[type="checkbox"]:checked + label::before,
blockquote::before, blockquote span,
.buttonlink,
.togglelink,
.box-heading.button.togglelink,
.box-heading.button.togglelink::before,
.menu-left > .menu-left-inner ul ul li.active > a,
.menu-left:not(.responsive) > .menu-left-inner ul ul li.active > a:hover,
.menu-left.responsive > .menu-left-inner ul ul li.select > a,
.menu-link a:hover,
.menu-link a.active,
.button.secondary,
.circle-icons .icon::before,
.slider-container .slider-min.slide, .slider-container .slider-max.slide,
.product-detail .product-cart .iplatba,
.product-detail .options .option-group.image .option-select .text strong,
.info-block.shippingfree.ico.shipping::before,
.info-block.shippingfree strong:not(.green),
.info.helper-button .ico.hand-direction::after,
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li:hover > a,
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li.active > a,
#contact .col.first div.ico::before,
#header  #header-right .ico.user.logged:before,
#footer a,
#order-step ul li > *::before,
#categories .category-grid .category h3 a,
#content .box .article ul.icons li strong::before {color: #176c35;}


/* systemove barvy */

/* black */
body,
.h_scroll.ico.chevron-right::before,
.breadcrumb a.ico.home::before,
.product h3 > a,
.perex h3 > a,
.product-detail .options .option-group.image .option-select > *,
.spinner button:before,
.tabs-ico .ico:hover, .tabs-ico .ico.selected,
.htabs li > a,
.pagination .links span,
.pagination a:hover,
.product .image .icons .icon,
.product-filter .display > button:hover::before, .product-filter .display > button.select::before,
.product-detail .button-big,
.success h2,
.icon.close,
.menu-left ul li a,
.menu-content ul > li.active > a,
.menu-content ul > li > a:hover,
.product-filter .product-filter-inner .display > button.select::before,
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li > a,
.mfilter-box .mfilter-content ul li h3.mfilter-heading,
.mfilter-box .mfilter-content ul li .mfilter-counter.mfilter-close::before,
.input-button-search-wrapper button.button-search,
#column-left .menu-content .box-heading,
#menu-header-top ul.left li a,
#header  #header-right .header-item > a,
#header  #header-right .header-item > .ico::before,
#autocomplete-search li > a span:not(.price-old):not(.price-new),
#currency button,
#footer,
#order-step ul li > * {color: #000;}

@media screen and (max-width: 767px) {
  .owl-carousel:not(.slideshow-nav) .owl-nav > button::before {color: #000;}
}

@media screen and (min-width: 768px) {
   .mfilter-box .box-heading,
  .dropdown-toggle a {color: #000!important;}
}


/* white */
.button,
.button.ico::before,
.button.togglelink,
.methods-block .methods label .branch-wrapper.selected .button,
.gallery .icon.magnify::before,
.owl-carousel .owl-nav > button::before,
ul li label.thumbnail.checked::after,
.option-popup .gallery label.gallery-item .thumbnail > .check::before,
.option-popup .gallery label.gallery-item .thumbnail > .icon.info::before,
.menu-left .box-heading,
.menu-left > .menu-left-inner > ul li.special > a::after,
span.items,
.perex-grid .perex .image a.thumbnail .ico.video::before,
#content .box #bestseller ol.list-grid li.item::before,
#order-step ul li.active > *::before,
#scrollup {color: #fff;}

.sticker,
.product .image .icons button:hover,
.product .image .icons button.added,
/* .buttons .button, */
.button .counter-text,
.button-cart,
.button-cart.ico::before {color: #fff!important;}


/* light grey */
.spinner button:disabled::before,
.article ul li::before {color: #ccc;}




/* grey */
select option:disabled,
span.label > .option-value > span.option-quantity,
.button:not([type="submit"]):disabled,
.button.disabled:disabled,
.slider-refresh,
.share-buttons .icon::before,
.dropdown-menu ul li.ico::before,
.table-form-wrap ul li.ico::before,
.product-detail .product-cart .right .minimum,
.price-tax.price-small,
.textarea-countdown,
.box .counter-text,
.mfilter-counter,
.product-filter .product-filter-inner .display > button::before,
.breadcrumb a::before,
#active_filters .active-filters-inner .mfilter-filter-item label .icon.remove {color: #999;}


/* darker grey */
input.readonly,
select:disabled,
span.label > .option-value,
span.label > .option-value > span.option-price,
.grey,
.counter-text,
.date,
.reading-time,
.menu-left:not(.responsive) > .menu-left-inner ul ul li > a:hover,
.link-horizontal.menu-link > button:not(.togglelink):hover,
.backlink:hover,
.frontlink:hover,
.stock-status.list-view,
.breadcrumb a:last-child,
.share-buttons *:hover,
.help,
.htabs.tabs-ico li > .ico,
.methods-block .methods label span.col-title span.description,
.shippingfree .percent-range-text,
.author em,
.confirm .telephone_prefix,
.methods-block .methods h3,
button.remove, a.remove,
button.buttonlink:hover,
table.checkout-cart thead th,
#menu-header-top ul.left li a:hover,
ul#menu-header-top-ul li.active a,
#header #search .advanced-search a,
#feedback-content span,
#autocomplete-search li h3, #autocomplete-search li > a span small {color: #636363;}


/* more darker grey */
blockquote cite,
::placeholder,
.menu-link a,
.slider-container,
.fancybox-close-small,
table.checkout-cart td strong,
.product-detail .options .option-group.image .option-select:hover .text strong,
#success-popup .success-popup-product p strong {color: #555;}


/* dark grey */
.price-old,
.price-small,
.price-special-countdown,
.product-detail > .right .description p,
table.list tbody tr.row-grey td span.ico,
table.table-article th,
table.list th,
table.attribute thead th {color: #4d4d4d;}


/* more dark grey */
.prevnext-product a:hover,
.product-detail .options .option-group.image .option-select:hover .text strong,
button.slider-refresh:hover {color: #2f2f2f;}


/* green */
.green:not(.sticker),
.ico.green::before,
.info-block.success::before,
.info-block.success.shippingfree.ico.shipping::before,
.info-block.success.shippingfree strong,
.checkout-cart .ico.shipping::before,
.product-cart .menu-link button.ico.added,
table.list tbody tr.row-green td span.ico,
table.list tbody tr.row-green-light td span.ico,
ul.check li::before,
#success-popup h2.ico.check::before,
#feedback-content .ico.positive::before,
#checkout-wrapper .icon.check::before {color: #3dc485;}


/* red */
.red:not(.sticker),
.ico.red::before,
.info-block.error, .info-block.error::before,
.info-popup.warning::before,
.info-block.warning::before,
.info-block.warning-wrapp::before,
.required,
.price-new,
.price-special-countdown #countdown,
.remove:hover,
table.list tbody tr.row-red td span.ico,
table.checkout-cart tfoot tr:last-child td,
#active_filters .active-filters-inner .mfilter-filter-item label:hover .icon.remove,
#feedback-content .ico.negative::before {color: #d0103a;}


/* blue */
table.list tbody tr.row-blue td span.ico {color: #1e91cf;}



/* orange */
.orange:not(.sticker),
.ico.orange::before,
.info-popup.info-circle::before {color: #fd6f00;}

/* yellow */
.matched-highlight {color: #f7b626!important;}




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

/* main color */
input[type="radio"]:checked + label::before,
.menu-left .box-heading,
.product .image .icons button:hover,
.button,
.button-cart,
.htabs.tabs-ico li:hover > .ico::after, .htabs.tabs-ico li.active > .ico::after,
.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-range,
.shippingfree .percent-range,
.owl-carousel .owl-nav > button::before,
.owl-carousel .owl-dots .owl-dot.active::before,
span.items,
#content .box #bestseller ol li::before,
#order-step ul li.active > *::before {background-color: #176c35;}


/* very light main color */
.info-text,
.short-description,
.button.secondary,
.circle-icons .icon::before,
.dropdown ul.dropdown-menu li:hover,
.pagination .page-icon::before,
.product-detail .options .option-group.image .option-select .text strong,
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li.active > a,
.menu-left > .menu-left-inner > ul,
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li.responsive-show > a,
#active_filters .active-filters-inner .mfilter-filter-item label,
#compare-popup,
#contact .flex-col.col4 .col,
#order-step ul li > *::before,
#categories .category-grid .category.action-sellout {background-color: #eff5f1;}

@media screen and (max-width: 767px) {
  #column-left .menu-content .box-heading.button.togglelink,
  .mfilter-box .box-heading.button.togglelink {background-color: #eff5f1;}
}


/* systemove barvy */

/* black */
#scrollup {background-color: #000;}


/* white */
/* background-color: #fff hover submenu if background-color BODY: #fbfbfb */
input:focus, textarea:focus,
input[name="captcha_response"],
.matched-highlight,
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu,
.menu-left.responsive > .menu-left-inner > ul#menu-header-top-ul,
.menu-left-inner #language-wrapper,
.options span.error,
.product .image .icons button,
.product-list .product,
.product-grid .product,
.list-grid.category .item,
.perex-grid .perex,
.spinner button:hover,
.dropdown .dropdown-menu,
.table-form-wrap,
.info-block.table-form-wrap,
.block-wrap,
/* .product-detail #image-main.image, */
.product-detail .images .thumbnail:hover,
.product-detail .options .option-group.textarea,
.product-detail .options .option-group.image .option-select,
.spinner input.form-quantity,
.ui-slider .ui-slider-handle::before,
.button-small:hover,
.info-block.light,
.zoomContainer .zoomWindow,
.popup-bottom,
.owl-carousel .owl-dots .owl-dot:hover,
table.table-article td,
table.list tbody tr > *,
table.attribute tbody tr > *,
table.checkout-cart tbody td,
.fancybox-content,
body#content,
#bighoverImage,
#categories .category-grid .category,
#content-wrapper-top,
#header-wrapper,
#footer-wrapper,
#autocomplete-search .autocomplete-search-inner,
#active_filters .active-filters-inner .mfilter-filter-item span.mfilter-heading,
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content,
#content .mfilter-box .htabs li:hover > a, #content .mfilter-box .htabs li.active > a,
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul.tab-content {background-color: #fff;}

@media screen and (max-width: 767px) {
  .mfilter-box.fixed {background-color: #fff;}
}

@media screen and (max-width: 1359px) {
  .owl-carousel .owl-nav > button::before {background-color: #fff;}
}

/* background-color: #fff hover submenu if background-color BODY: #fbfbfb */
@media screen and (min-width: 768px) {
  .menu-left > .menu-left-inner > ul > li:hover > a,
  .menu-left > .menu-left-inner > ul > li.hover > a,
  .menu-left > .menu-left-inner > ul > li:hover.special > a,
  .menu-left > .menu-left-inner > ul > li.hover.special > a,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open):hover > a::before,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open).hover > a::before {background-color: #fff;}
}

/* dark grey */
.ui-slider .ui-slider-handle.ui-state-hover,
/* .ui-slider .ui-slider-handle.ui-state-focus, */
.ui-slider .ui-slider-handle.ui-state-active {background-color: #6a6a6a;}

/* lighter grey */
.button:not([type="submit"]):disabled,
.button.disabled:disabled,
.reading-time,
select:disabled,
input.readonly,
input.readonly:focus,
.spinner input.form-quantity.readonly,
.spinner input[max="1"].form-quantity {background-color: #ededed;}


/* more lighter grey */
.htabs li > a,
.button-small {background-color: #f3f3f3;}


/* more very light grey (default) */
body,
input, textarea, select,
input[type="checkbox"] + label::before,
input[type="radio"] + label::before,
span.error,
.htabs li:hover > a, .htabs li.active > a,
.spinner button, .spinner button:disabled,
.product-list .product:nth-child(even),
.address-list,
.block-wrap.dark,
.shippingfree .percent-range-wrapper,
.info-block.dark,
/* .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu, */
.menu-left.responsive > .menu-left-inner > ul#menu-header-top-ul,
table.attribute tbody tr:nth-child(even) > *,
body#content.quick-view,
#menu-header-top-wrapper,
#header #cart.active > .ico.cart, #header #cart.fixed.active > .ico.cart,
#success-popup.fancybox-content,
#header .content,
#product-special.product-grid .product:hover,
#checkout-content-right table.table-form tr:hover td,
#categories .category-grid #slideshow.category,
#order-step ul li {background-color: #fbfbfb;}


@media screen and (min-width: 480px) {
  #order-step ul li.first::before,
  #order-step ul li.last::after {background-color: #fbfbfb;}
}

/* red */
.sticker.red,
.menu-left > .menu-left-inner > ul li.special > a::after,
.button-cart.cart-outofstock {background-color: #d0103a!important;}

/* light red */
.info-popup.warning,
.info-block.warning,
.info-block.warning-wrapp,
table.checkout-cart tr.outofstock td,
.menu-left > .menu-left-inner > ul > li.special.active {background-color: #ffd1d1!important;}


/* very light red */
.attention,
/* .options span.error, */
.error-option > ul,
.error-option > select,
.error-option > .option-select,
.error-option.textarea {background-color: #fdebeb!important;}


.menu-left > .menu-left-inner > ul > li.special {background-color: #fdebeb;}


/* orange */
.sticker.orange {background-color: #fd6f00!important;}


/* orange lighter */
.button-cart.cart-preorder {background-color: orange!important;}


/* green */
.sticker.green,
.button.green,
.button.btn-success,
.button-cart.added,
.methods-block .methods label .branch-wrapper.selected .button,
.product .image .icons button.added,
button.confirm, button:hover.confirm, button:focus.confirm,
button.confirm_ajax, button:hover.confirm_ajax, button:focus.confirm_ajax,
#order-step ul li.active > .icon.check::before {background-color: #3dc485!important;}

/* very light green */
.info-block.success,
.product-detail .options .option-group.image .option-select.selected,
#success-popup h2.ico.check {background-color: #eafdf4;}

/* light yellow */
.info-block {background-color: #fff1db;}

/* very light yellow */
.info-block.color {background-color: #fff3d6;}


/* order status background color */
table.list tbody tr.row-red td {background-color: #ffeeee!important;}
table.list tbody tr.row-grey td {background-color: #ececec!important;}
table.list tbody tr.row-blue td {background-color: #ebf5fb!important;}
table.list tbody tr.row-green td {background-color: #eefff0!important;}
table.list tbody tr.row-green-light td {background-color: #F6FFF7!important;}

table.list tbody tr[class^="row-"]:hover td {background-color: #f4f9fd!important;}


/* rgba color */

/* main color */
.product-detail .button-big:hover,
.product-detail .options .option-group.textarea,
.product-detail .options .option-group.image .option-select:not(.selected):hover,
.methods-block .methods input[type="radio"]:checked + label {background-color: rgba(23,108,53,.05);}

.menu-left > .menu-left-inner > ul:not(#menu-header-top-ul) > li.open > a,
.menu-left > .menu-left-inner > ul:not(#menu-header-top-ul) > li.active > a {background-color: rgba(23,108,53,.2);}


/* black */
table.table-article th,
table.list thead th,
table.list.compare-info thead th,
table.list.compare-info tfoot tr:last-child td,
table.attribute thead th {background-color: rgba(0,0,0,.05);}

.fancybox-caption {background-color: rgba(0,0,0,.75);}

/* even (lichy) */
table.table-article tr:nth-child(even) > td,
table.list tbody tr:nth-child(even) > td,
table.list.compare-info tbody tr:nth-child(even) > th {background-color: rgba(0,0,0,.01);}

/* table hover */
@media screen and (min-width: 768px) {
  table.list.compare-info tbody tr:hover > *,
  #autocomplete-search li:not(.result) a:hover,
  .methods-block .methods label:hover {background-color: rgba(0,0,0,.03)!important;}

  table.checkout-cart tbody tr:hover td {background-color: rgba(250,250,250);}
}

/* white */
@media screen and (min-width: 768px) {
  #header #cart.fixed > .ico.cart {background-color: rgba(255,255,255,.9);}
}


.owl-carousel .owl-dots .owl-dot {background-color: rgba(255,255,255,.7);}


#content .mfilter-content_top .mfilter-tb .mfilter-tb:hover .mfilter-option,
#content .mfilter-content_top .mfilter-tb .mfilter-tb.mfilter-input-active .mfilter-option {background-color: rgba(0,0,0,.05);}








/******* border color *******/

/* transparent */
.option-popup .gallery label.gallery-item .image.absolute .thumbnail {border-color: transparent;}


/* white */
.product-detail #image-additional-responsive.images .thumbnail img {border-color: #fff;}

/* main color */
.button.transparent,
.menu-left > .menu-left-inner > ul > li.sub > ul li > a::before,
.product-detail .options .option-group.image .option-select,
.breadcrumb.responsive-show a::before,
.loadingblock::before,
.fancybox-loading,
.loading::before,
.loading-spinner::before,
.product-detail .button-big,
.product-detail #image-additional-responsive.images .thumbnail.selected,
#content .box.highlight-block {border-color: #176c35;}


/* lighter main color */
#compare-popup,
.short-description,
.product-detail .options .option-group.textarea {border-color: #b3cde1;}


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


/* systemove barvy */

/* black */
.menu-content ul > li + li::before,
.menu-left ul li.sub.link > .submenu-button::after {border-color: #000;}

/* white */
#autocomplete-search::before,
.button.confirm::after,
.button.confirm_ajax::after {border-color: #fff;}


/* darker grey */
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu ul ul li > a::before,
.breadcrumb a + a::before {border-color: #999;}


/* more darker grey */
.submenu-button::before,
.menu-left ul li.sub > .submenu-button::after {border-color: #808080;}

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

/* lighter grey */
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,
.article hr,
.dropdown .dropdown-toggle::after,
.line-bottom,
.menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.inline > li > ul.submenu > li,
#contact h2.center {border-color: #ccc;}


/* lighter grey */
.perex,
.link-horizontal > *,
.contact-infom,
table.table-article,
table.table-article tr > *,
#content h2.box-heading {border-color: #d2d2d2;}


/* more lighter grey */
.product-filter,
.htabs,
.htabs li > a,
.tab-content,
.description .link-horizontal > *,
.methods-block .methods {border-color: #e1e1e1;}


/* very lighter grey (default) */
input, textarea, select,
input.readonly:focus, input.readonly:hover,
table.checkout-cart tbody,
table.checkout-cart td,
table.list,
table.list th,
table.list td,
span.error,
.flex-table h4:last-of-type,
.menu-left.responsive > .menu-left-inner > ul#menu-header-top-ul > li,
.product,
.category-info, .category-info img,
.list-grid.category .item,
.perex-grid .perex,
.table-form-wrap,
.block-wrap,
.htabs.tabs-ico,
.img-border,
.button-small,
.spinner,
.spinner input.form-quantity:hover,
.spinner button.plus,
.shippingfree .percent-range-wrapper,
.product-detail .images .thumbnail:hover,
.product-detail #image-additional-responsive.images .thumbnail,
ul li label.thumbnail,
#menu-header-top-wrapper,
#categories .category-grid .category,
#order-step ul::before,
#content-wrapper-top,
#footer-wrapper,
#footer #copyright,
#footer #footer-icon-text,
#active_filters .active-filters-inner .mfilter-filter-item span.mfilter-heading,
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content,
#content .mfilter-box.mfilter-modern-horizontal .htabs,
#content .mfilter-box.mfilter-modern-horizontal .htabs li.active > a,
#content .mfilter-box.mfilter-modern-horizontal .htabs li:hover > a,
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul.tab-content,
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content ul li h3.mfilter-heading {border-color: #ededed;}



input[type="checkbox"] + label::before, input[type="radio"] + label::before,
input[type="checkbox"]:checked + label:hover::before, input[type="radio"]:checked + label:hover::before {border-color: #e5e5e5;}


/* green */
ul li label.thumbnail.checked,
ul li label.thumbnail:hover,
.product-detail .options .option-group.image .option-select.selected,
.option-popup .gallery label.gallery-item:hover .image.absolute .thumbnail,
.option-popup .gallery label.gallery-item.checked .image.absolute .thumbnail,
.option-popup .gallery label.gallery-item.checked .image.absolute .thumbnail > .check::after {border-color: #01cf70;}


/* red */
.button.transparent.red,
.product-detail .options .option-group.image.error-option .option-select {border-color: #d0103a;}


/* light green */
.success {border-color: #cbfae4;}


/* light red */
/* .options span.error {border-color: #fdcdcd;} */

/* light yellow */
.info-block.color,
.info-block.color.shippingfree .percent-range-wrapper {border-color: #F2DD8C;}


/* border: 1px solid transparent */
table td.image a,
a img.alignleft, a img.alignright {border: 1px solid transparent;}





/* ************************* responsive colors ************************* */

@media screen and (max-width: 767px) {
  #header-wrapper > .menu-button {color: #000;}

  #header-wrapper > .menu-button.menu-opened::before,
  #header-wrapper > .menu-button.menu-opened::after,
  #header-wrapper > .menu-button::before {background-color: #000;}

  .menu-left > .menu-left-inner > ul > li.select > a {background-color: rgba(0,0,0,.1);}

  #header-wrapper > .menu-button::after,
  #header-wrapper > .menu-button::before {border-color: #000;}
}








/* border-radius */
/* all */
input,
textarea,
select,
.reading-time,
.product .image .icons button,
.product-detail .options .option-group.image .option-select,
.product-detail .options .option-group.textarea,
.mfilter-box .box-heading,
.owl-carousel button::before,
#autocomplete-search .autocomplete-search-inner {border-radius: 3px;}


ul.dropdown-menu,
.info-popup,
.info-block,
.info-text,
.spinner,
.pagination .links a.page-icon,
.button-big,
.block-wrap,
.address-list,
.button, .button-cart,
.btn,
.button-small,
.price-special-countdown,
.shippingfree .percent-range-wrapper,
.shippingfree .percent-range,
.methods-block .methods label,
.product-detail .options .option-group.textarea,
.product-detail .options .option-group.textarea .textarea-wrapper,
.product-detail .options .option-group.image .option-select .thumbnail,
.short-description,
.fancybox-slide--html .fancybox-content,
.fancybox-slide--iframe .fancybox-content,
#header #cart > .ico.cart,
#compare-popup
#success-popup,
#feedback-content,
#product-special.product-grid,
#header-right .header-item a.ico.phone,
#content .box.highlight-block {border-radius: 4px;}


/* only (left/right) top */
@media screen and (min-width: 768px) {
  #header #cart.active > .ico.cart {border-radius: 4px 4px 0 0;}
}

@media screen and (max-width: 767px) {
  .mfilter-box.fixed,
  .box.mfilter-box .box-heading.menu-opened {border-radius: 4px 4px 0 0;}
}

.htabs li > a {border-radius: 4px 4px 0 0;}


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

/* only left bottom */
@media screen and (max-width: 767px) {
  /* only left top/bottom */
  .owl-carousel:not(.slideshow-nav) .owl-nav > button.owl-next::before {border-radius: 4px 0 0 4px;}

  /* only right top/bottom */
  .owl-carousel:not(.slideshow-nav) .owl-nav > button.owl-prev::before {border-radius: 0 4px 4px 0;}
}


/* only (left/right) bottom */
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul.tab-content {border-radius: 0 0 4px 4px;}



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


/* box-shadow */
#autocomplete-search .autocomplete-search-inner {box-shadow: 0 0 16px 0 rgba(0,0,0,.3);}

/* right/bottom */
.popup-bottom,
#content .box.highlight-block {box-shadow: 5px 5px 6px 0 rgba(0,0,0,.2);}

#header #cart.active > .ico.cart,
.dropdown .dropdown-menu {box-shadow: 4px 4px 3px 0 rgba(0,0,0,.2);}

@media screen and (max-width: 767px) {
  .popup-bottom,
  .mfilter-box.fixed {box-shadow: 0 0 10px 0 rgba(0,0,0,.4);}

   #header-wrapper {box-shadow: 0 0 20px 0 rgba(0,0,0,.3);}
}

@media screen and (min-width: 768px) {
  #header #cart.fixed > .ico.cart {box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
  #header #cart.fixed.active > .ico.cart {box-shadow: 0 0 3px 4px rgba(0,0,0,.2);}
}



@media screen and (min-width: 768px) {
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu {box-shadow: 5px 5px 6px 0 rgba(0,0,0,.2);}
}

/* grey */
input:focus, textarea:focus {box-shadow: 0 0 4px #C4C4C4;}


/* red */
/* required invalid */
/* input:invalid, */
input.form-error, textarea.form-error {box-shadow: 0 0 4px red;}


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


/* box-shadow inset */

/* hover/focus */
@media screen and (min-width: 768px) {
  .button:hover,
  .button-cart:hover {box-shadow: inset 0 0 0 100px rgba(0,0,0,.07);}
}


/* all */
.spinner button:hover,
.spinner button:focus {box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);}





/* text-shadow */
/* right/bottom */
.price-savings,
.option-popup .gallery label.gallery-item .thumbnail > .icon.info::before,
.fancybox-caption,
.perex-grid .perex .image a.thumbnail .ico.video::before {text-shadow: 1px 1px #000;}

.success h2 {text-shadow: 1px 1px #fff;}





/* ************************* fonts ************************* */


/* FontAwesome */
input[type="checkbox"] + label::before,
ul.check li::before,
.ico::before, .ico::after,
.button.left::before,
.button.right::after,
.owl-carousel .owl-nav > button::before,
ul li label.thumbnail.checked::after {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;}



/* ************************* ico/icon style ************************* */

.ico::before {margin-right: 0.4em;}
.ico::after {margin-left: 0.4em;}

.ico::before,
.ico::after {color: inherit; text-decoration: none;}

.icon {display: inline-block;}
.icon::before {width: 100%; height: 100%; margin: 0;}

.button.ico::before {margin-right: 6px;}

.article .ico::before,
.table-form-wrap ul li.ico::before {width: 16px; text-align: center; margin-right: 0.6em}


/* circle-icons */
.circle-icons .icon {margin: 0 0 0.5em 0;}
.circle-icons .icon::before {width: 40px; min-width: 40px; height: 40px; min-height: 40px; font-size: 20px; margin: 0; padding: 0; border-radius: 50%;}



/* ************************* ico vector (FontAwesome) ************************* */

/* ico font-weight  */

/* ico light (300) */
.ico::before, .ico::after,
.owl-carousel button::before {font-weight: 300;}

/* ico regular (400) */
.ico.video::before,
.ico.facebook::before,
.icon.facebook::before,
.ico.facebook-f::before,
.ico.x_twitter::before,
.icon.x_twitter::before,
.ico.youtube::before,
.icon.youtube::before,
.ico.instagram::before,
.icon.instagram::before,
.ico.check::before,
.ico.filter::before,
.icon.check::before,
.ico.browser_chrome::before,
.ico.browser_firefox::before,
.ico.browser_edge::before,
.ico.browser_opera::before,
.ico.mobile::before,
a.ico.phone::before,
a.ico.email::before {font-weight: 400!important;}

/* ico solid (900) */
.ico.star::before,
.ico.positive::before,
.ico.negative::before,
.ico.close::before,
.ico.view::before,
.ico.compare::before,
.ico.compare::before,
.ico.arrow_down::before,
.ico.sortorder::before,
.ico.prev::before,
.ico.next::after,
.ico.plus::before,
.ico.minus::before,
.ico.first-page::before,
.ico.last-page::before,
.ico.next-page::before,
.ico.prev-page::before,
.ico.pdf::before,
.ico.doc::before,
.ico.odt::before,
.ico.ppt::before,
.ico.xls::before,
.ico.zip::before,
.ico.rar::before,
.button-cart.added::before,
ul.check li::before,
input[type="checkbox"] + label::before {font-weight: 900;}


/* ico::before */
.ico.options-cart::before {content: "\f217";}
.ico.list-view::before {content: "\f00b";}
.ico.grid-view::before {content: "\f00a";}
.ico.plus::before {content: "\f067";}
.ico.minus::before {content: "\f068";}
.ico.view::before {content: "\f06e";}
.ico.star::before {content: "\f005";}
.ico.prev::before {content: "\f060";}
.ico.eshop-basket::before {content: "\f291";}
.ico.print::before {content: "\f02f";}
.ico.repeat::before {content: "\f01e";}
.ico.cart::before,
.ico.instock::before {content: "\f07a";}
.ico.cart-preorder::before {content: "\f218";}
.ico.cart-outofstock::before {content: "\f057";}
.ico.edit::before {content: "\f040";}
.ico.delete::before {content: "\f2ed";}
.ico.return::before {content: "\f2ea";}
.ico.refresh::before {content: "\f021";}
.ico.wishlist::before {content: "\f004";}
.ico.compare::before {content: "\f0ec";}
.ico.special::before {content: "\f0a1";}
.ico.picture::before {content: "\f03e";}
.ico.user::before {content: "\f007";}
.ico.users::before {content: "\f0c0";}
.ico.register::before {content: "\f084";}
.ico.logout::before {content: "\f08b";}
.ico.info-circle::before {content: "\f05a";}
.ico.support::before {content: "\f1cd";}
.ico.user-plus::before {content: "\f234";}
.ico.remove::before,
.ico.close::before {content: "\f00d";}
.ico.address::before {content: "\f3c5";}
.ico.insert::before {content: "\f055";}
.ico.password::before {content: "\f023";}
.ico.reward::before {content: "\f1e2";}
.ico.transaction::before {content: "\f53a";}
.ico.list::before {content: "\f0cb";}
.ico.orders::before {content: "\f022";}
.ico.gift::before {content: "\f06b";}
.ico.coupon::before {content: "\f02b";}
.ico.featured::before {content: "\f14a";}
.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: "\f87b"}
.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.video::before {content: "\f144";}
.ico.filter::before {content: "\f0b0";}
.ico.calendar::before {content: "\f073";}
.ico.sortorder::before {content: "\f0dc";}
.ico.feedback::before {content: "\f4a6";}
.ico.arrow_down::before {content: "\f063";}
.ico.arrow_up::before {content: "\f062";}
.ico.load_data:before {content: "\f0ed";}
.ico.editalt::before {content: "\f044";}
.ico.reviews::before {content: "\f15c";}
.ico.payment::before {content: "\f0d6";}
.ico.card::before {content: "\f09d";}
.ico.download::before {content: "\f019";}
.ico.email::before {content: "\f0e0";}
.ico.statistic::before {content: "\f080";}
.ico.chevron-right::before {content: "\f054";}
.ico.chevron-left::before {content: "\f053";}
.ico.chevron-up::before {content: "\f077";}
.ico.search::before {content: "\f002";}
.ico.shipping::before,
.ico.shippingfree::before {content: "\f0d1"!important;}
.ico.calculator::before {content: "\f1ec";}
.ico.custom_production::before {content: "\f4fe";}
.ico.manufacturer::before {content: "\f085";}
.ico.user-check::before {content: "\f4fc";}
.ico.waiting::before {content: "\f251";}
.ico.clock::before {content: "\f017";}
.ico.bank::before {content: "\f19c";}
.ico.statistic::before {content: "\e473";}
.ico.folder::before {content: "\f07b";}
.ico.hourglass:before {content: "\f251";}
.ico.copy::before {content: "\f0c5";}
.ico.sizechart::before {content: "\f0ce";}
.ico.browser_chrome::before {content: "\f268";}
.ico.browser_firefox::before {content: "\e007";}
.ico.browser_edge::before {content: "\f282";}
.ico.browser_opera::before {content: "\f26a";}
.ico.home::before {content: "\f015";}

/* file type */
.ico.pdf::before {content: "\f1c1"; color: #e91209;}
.ico.doc::before {content: "\e5ed"; color: #185abd;}
.ico.odt::before {content: "\f15c"; color: #0c98e5;}
.ico.ppt::before {content: "\e64a"; color: #c43e1c;}
.ico.xls::before {content: "\e64d"; color: #107c41;}
.ico.zip::before {content: "\e5ee"; color: #edaa1d;}
.ico.rar::before {content: "\f1c6"; color: #2c56a0;}


/* ico::after */
.ico.next::after {content: "\f061";}
.ico.down::after {content: "\f103";}
.ico.up::after {content: "\f102";}
.ico.external-link::after {content: "\f08e";}


/* other */

/* ul li bullet square (UTF8) */
.article ul li::before,
.fancybox-caption__body ul li::before {content: "\25a0";}

/* ico/icon / ul li check */
.ico.check::before,
.icon.check::before,
.button-cart.added::before,
ul.check li::before,
ul li label.thumbnail.checked::after {content: "\f00c";}


/* notification */
.attention::before,
.info::before {content: "\f05a";}

.ico.warning::before,
.ico.error::before {content: "\f06a";}

.ico.warning-wrapp::before {content: "\f071";}

.ico.success::before {content: "\f058";}




/* social */
.ico.facebook::before {content: "\f09a";}

.ico.facebook:hover::before,
.ico.facebook-f:hover::before {color: #0866ff;}

.ico.facebook-f::before {content: "\f39e";}

.ico.x_twitter::before {content: "\e61b";}
.ico.x_twitter:hover::before {color: #000;}

.ico.youtube::before {content: "\f167";}
.ico.youtube:hover::before {color: #ff0000;}

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

.ico.google::before {content: "\f1a0";}
.ico.google:hover::before {color: #4285f4;}
/* .social_login */
.social_login {margin: 2em 0 0 0;}
.social_login .strike {display: flex; align-items: center; text-align: center; margin: 0; font-size: 110%;}

.social_login .strike::before,
.social_login .strike::after {max-width: auto; width: auto; border-top-width: 1px; border-top-style: solid; content: ""; flex-grow: 1; border-color: #999;}

.social_login .strike::before {margin-right: 0.5em;}
.social_login .strike::after {margin-left: 0.5em;}

.social_login .buttons .button {display: flex; justify-content: center; align-items: center; text-align: center; flex-wrap: wrap; padding: 0.8em 0.8em; width: 100%; letter-spacing: 0.05em;}
.social_login .buttons .button.ico::before {font-size: 20px; margin-right: 0.6em;}

@media screen and (max-width: 439px) {
  .social_login .buttons .button {font-size: 90%;}
  .social_login .buttons .button.ico::before {margin: 0 0 0.5em 0; width: 100%;}
}

@media screen and (min-width: 440px) {
  .social_login .buttons .button {justify-content: flex-start; text-align: left; padding: 0.8em 0.5em 0.8em 1.8em;}
}

@media screen and (min-width: 1100px)  {
  .social_login .buttons {margin: auto; width: 70%;}
}


/* facebook */
.social_login .buttons .button.ico.facebook {background-color: #0866ff;}
.social_login .buttons .button.ico.facebook:hover::before {color: inherit;}

/* google */
.social_login .buttons .button.ico.google {color: #707070; background-color: #fff; border: 1px solid #707070;}
.social_login .buttons .button.ico.google::before {color: #4285f4;}

/* seznam */
.social_login .buttons .button.ico.seznam {background-color: #CC0000;}

/* ico seznam.cz (S) */
.social_login .buttons .button.ico.seznam::before {content: ""; width: 28px; height: 28px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNDIuODA3IDQuODM0Yy0yLjQ1Ny4zOTYtNC44OTQuODYtNy4zMjIgMS4zODYtMS42MDYuMzQzLTMuMjEyLjY2NC00Ljc5OCAxLjA2Ni0xLjQ2Mi4zNzItMi45NjQuNzAyLTQuMzk3IDEuMTYtMS4zODYuNDQtMi43NTMuODk0LTQuMTEgMS40MmEyNi4zMDcgMjYuMzA3IDAgMCAwLTcuMzEyIDQuMzJjLTEuMzI5IDEuMTI0LTIuNTcxIDIuMzQzLTMuNjE0IDMuNzUyLS43MzUgMS4wMDgtMS4zNDcgMi4wNDUtMS45MzkgMy4xNDktLjU1NCAxLjA0Ni0uOTM3IDIuMjg1LS45NDcgMy40ODUtLjAxOCAzLjUyNyAyLjIwOCA2LjQ4MSA0Ljc3MSA4LjY3NGEzMy41MTggMzMuNTE4IDAgMCAwIDIuNjQ3IDIuMDA3YzIuNjk1IDEuODc0IDUuNjMgMy41MTggOC42MTMgNC45NTJhMjUzLjA2MyAyNTMuMDYzIDAgMCAwIDkuMzEgNC4yMzRjMi45NjMgMS4yNjggNS45OTMgMi4zNDMgOS4wNTIgMy4zNjUuODc5LjI5MiAxLjc2OS41ODMgMi42NDguODc1IDIuNzcxLjkyOCA1LjYwMiAxLjc4NCA4LjM1NSAyLjc4NiAxLjcxLjYyMiAzLjUzNyAxLjIwNSA1LjI0NyAxLjk4NCAxLjc3OC44MDggMy42MjMgMS42MTQgNS4xOTEgMi43NzZhOS42ODIgOS42ODIgMCAwIDEgMi42MjcgMi44MzVjLjY2IDEuMDk4IDEuMDcxIDIuMzU3IDEuMDk5IDMuNjQxLjAzOSAxLjIzMy0uMzE1IDIuNDMzLS45NzUgMy40NzUtMS43MiAyLjcwMy00LjcxMiA0LjU0OC03LjU5OSA1Ljc3N2ExMjMuNjczIDEyMy42NzMgMCAwIDEtMTMuMjIgNC43NDJjLTIuNTYyLjc1NS01LjEyMyAxLjUwNC03LjcwMyAyLjE3OS0yLjU5LjY3OC01LjIyOSAxLjM5MS03Ljg0OCAyLjA1LTIuNjEuNjYtNS4yMiAxLjI1Ni03LjgzOCAxLjgyNS0xLjUuMzItMy4wMTEuNjQtNC41MDIuOTUyLS44OTkuMTgxLTEuNzc4LjM3Mi0yLjY3Ni41NjgtMS44NzQuNDEtMy43NDcuODE3LTUuNjMgMS4yMjEtMi4xNDEuNDc1LTQuMjgzLjkzNy02LjQyMyAxLjQwNy0uNjIyLjEzNy0xLjI0My4zMDQtMS44NjUuNDQ0LS41NTQuMTI4LTIuNjI5LjYxMi0xLjA4OS41MiAyLjE0LS4xMiA3Ljg1Ny0uNjIxIDIwLjA3My0yLjI2NCA0LjQyNS0uNzM2IDguODctMS4zNyAxMy4zMDUtMi4wOTcgNS41MjQtLjkwNyAxMS4wMTItMS45NzQgMTYuNDU5LTMuMjczIDEuNTU5LS4zNjkgMy4xMDctLjc2NSA0LjY1Ni0xLjE5IDEuMDIzLS4yODcgMi4wMzYtLjU4MyAzLjA0LS44OTkgNC4yODItMS4zMzQgMTEuMTU1LTMuNjkxIDEyLjc4LTQuNDAyIDYuMjE0LTIuNzM1IDEwLjA4NC00Ljc5NCAxMi4xMDItOS42OTcuNjg4LTEuNzQgMS4wMTMtMy42OS44MDItNS41NTgtLjIxLTEuNzExLS43ODQtMy40NDItMS42NzItNC45MTgtLjg1Mi0xLjQyLTIuMDE4LTIuNjMzLTMuMjMxLTMuNzUyLTIuMjY2LTIuMDc0LTQuODA4LTMuNzUyLTcuNTIzLTUuMTcxYTQ3LjQ2NSA0Ny40NjUgMCAwIDAtMi4zNDItMS4xNDhjLS45ODUtLjQ1NC0xLjk2OS0uODc5LTIuOTY0LTEuM2E2OC45NCA2OC45NCAwIDAgMC00LjI1My0xLjU5MWMtMy43MjgtMS4yODEtNy41MTMtMi40MjgtMTEuMjYtMy42NTYtMi4xMjMtLjY5Ny00LjIyNS0xLjQ1Mi02LjI3MS0yLjMyMmE0OS43MDQgNDkuNzA0IDAgMCAxLTIuNTcxLTEuMTY2IDM5LjM0NCAzOS4zNDQgMCAwIDEtMi45MTUtMS41ODJjLTEuMTc1LS43MTItMy4wOTYtMS45NDEtMi41NjItMy42MDguMzczLTEuMTkgMS42NjMtMS42NTQgMi43MTUtMi4wOC45NzUtLjM5NiAyLjAwNy0uNjc0IDMuMDItLjk0IDMuMDk4LS43OTkgNi4yNjEtMS4zMzkgOS4zODYtMi4wMDlhMTM1Ljg5IDEzNS44OSAwIDAgMCAyLjc1NC0uNjEyYzIuNDM3LS41NzMgNC45NTEtMS4wMDQgNy4yNzQtMS45MyAxLjk5OC0uNzg4IDQuNTU5LTIuMDUgNS4zMDUtNC4yNDkgMS4wNjktMy4yMDctLjE0NC02LjY3Mi0xLjg5My05LjM3Ny0uNjMtLjk3LTEuMjgtMS45MjEtMS45NS0yLjg3My0uOTE3LTEuMjkxLTEuOTMxLTIuNTA0LTIuOTI1LTMuNzMzLS40NDktLjU1OS0uOTk0LS41MTYtMS40NTMtLjM3My0uNjEzLjIxMi0yLjI4NSAyLjE3Ny0xNS42MzkgNC43NDMiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: contain;}




/* button */
.button.right::after {content: "\f061"}
.button.left::before {content: "\f060";}




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

/* unordered/ordered list */
#content .article ul,
#content .article ol,
#content ul.check {margin: 0 0 2em 0;}

.table-form-wrap ul {margin: 0 0 20px 0;}

.article ul li,
.article ol li,
.fancybox-caption__body ul li,
.fancybox-caption__body ol li,
.table-form-wrap ul li,
ul.check li {text-align: left; margin: 0 0 0.6em 0; padding-left: 1em;}

/* ordered list */
.article ol,
.fancybox-caption__body ol {padding: 0 0 0 1em;}

.article ol li,
.fancybox-caption__body ol li {padding-left: 0;}

/* unordered list */
.article ul li::before,
.fancybox-caption__body ul li::before,
ul.check li::before,
.table-form-wrap ul li::before {display: inline-block; font-size: 100%; line-height: 1;}

.article ul li::before,
.fancybox-caption__body ul li::before {width: 1em; margin-left: -1em;}

.table-form-wrap ul li::before {width: 1.2em; margin-left: -1em;}

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

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



/* ************************* heading title ************************* */

h1, h2, h3, h4, h5,
strong.head-title {margin: 0 0 1em 0; padding: 0;}

h1 {font-size: 160%;}
h1:first-letter {text-transform: uppercase;}

h2,
strong.head-title {font-size: 140%;}

h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}

h3, h4, h5 {margin: 0 0 0.8em 0;}

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

/* responsive heading title */
@media screen and (min-width: 768px) {
  h1 {font-size: 180%;}
}








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

/* display: none + toggleMoreLess reload fix */
.hide,
.loadingblock,
.info-popup,
.info-block.table-form-wrap .flex-right .button.register,
.product-detail .options .option-group.image .option-select::before,
.tab-options .image label input,
.tab-content > .tab-pane:not(:first-of-type),
.pagination .links a.first-page, .pagination .links a.last-page,
.breadcrumb a.ico.home span,
.breadcrumb.product-breadcrumb a:last-child,
body.quick-view #scrollup,
[data-toggle="toggleblock"],
 .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li > a.thumbnail,
.dropdown .dropdown-toggle.dropdown-disable::after,
.stars input[type="radio"] + label::before,
body#page-checkout #header #cart .dropdown-toggle::after,
#product_related_popup .product-grid .icons,
#content.quick-view .product-grid .icons,
#checkout-tabs label input,
#forgoten,
#register_company_form,
#column-left .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > ul > li:nth-child(6) ~ li,
#subcategory .list-grid .item:nth-child(10) ~ .item,
#subcategory.search-result .list-grid .item:nth-child(6) ~ .item,
#bestseller .list-grid .item:nth-child(3) ~ .item {display: none;}

label.togglelink::before,
.owl-nav.disabled,
.owl-dots.disabled,
.owl_dots_hide .owl-dots,
.mfilter-box .mfilter-content > ul > li .mfilter-hide,
#column-left .owl-dots, #content-wrapper .banner_body .owl-dots,
body#page-checkout #header #cart .content {display: none!important;}


/* display: none responsive */
@media screen and (max-width: 767px) {
  .menu-left > .menu-left-inner,
  .menu-left ul ul,
  .banner,
  .product-detail #image-main.image .image-main-responsive-hide,
  .product .image .icons,
  .zoomContainer, .zoomWindowContainer,
  #menu-header-top-wrapper,
  #header  #header-right .header-item > a > span.dropdown-toggle,
  #column-left .box:not(.mfilter-box),
  #column-left .box.mfilter-box .mfilter-content,
  #topcontrol,
  #column-left .menu-content ul {display: none;}

  /* important */
  .fb-like-button,
  #header .content,
  #scrollup {display: none!important;}
}



/* responsive show/hide */
@media screen and (max-width: 767px) {
  .responsive-show {display: block!important;}
  .responsive-hide {display: none!important;}
}

@media screen and (min-width: 768px) {
  .responsive-show {display: none!important;}
  .responsive-hide {display: block!important;}
}



/* position: absolute center/center */
.loadingblock,
.loading::before,
.loading-spinner::before,
.image.absolute .thumbnail,
ul li label.thumbnail.checked::after {position: absolute; inset: 0;}



/* display: flex center/center */
span.items,
.button-cart,
.button-cart::before,
.button.togglelink,
.button.confirm,
.button.confirm_ajax,
.icon::before,
.circle-icons .icon::before,
.sticker.circle,
.image .thumbnail,
.images .thumbnail,
.prevnext-product .thumbnail,
ul li label.thumbnail.checked::after,
.pagination,
.info-block.ico::before,
.info-block.picture .button::before,
.methods-block .methods label span.image,
.menu-left ul li.sub > .submenu-button,
.menu-left ul li.special > a:not(.thumbnail)::after,
.h-scroll-wrapper > .h-scroll-button::before,
#column-left .banner .banner-inner,
#language-wrapper .dropdown,
#autocomplete-search a span.thumbnail,
#content .box #bestseller ol.list-grid li.item::before {display: flex; justify-content: center; align-items: center;}


/* display: flex */
@media screen and (min-width: 380px) {
  .display-flex {display: flex; flex-direction: row; flex-wrap: wrap;}
}

@media screen and (min-width: 480px) {
  .list-grid,
  .perex-grid:not(.owl-carousel),
  .info-block {display: flex; flex-direction: row; flex-wrap: wrap;}


  /* vertical: center */
  .display-flex.align-items-center,
  .info-block {align-items: center;}
}



/* clearfix */
.tab-content::after,
.box-content::after,
.block-wrap::after,
.tab-pane::after {content: ""; display: table; clear: both;}

.clearfix,
.float-left,
.float-right,
.article {display: flow-root;}


/* clear: both */
.buttons,
.htabs,
.more,
.pagination,
[data-toggle="toggleblock"] {clear: both;}


a.icon:hover,
button:hover, .button:hover,
.button-cart:hover {text-decoration: none;}



/* filter alpha */
#menu-left-ico a:hover,
.product-ico a:hover img,
.list-grid a:hover img {opacity: .7;}


/* long title word fix */
h1,
h3,
.menu-left ul li a,
.breadcrumb a,
.title ul.small li,
.sitemap-info.article .col > ul > li > a {overflow-wrap: anywhere!important;}


.block-wrap,
.table-form-wrap {padding: 20px;}

.short-description,
.table-form-wrap,
.block-wrap {border-width: 1px; border-style: solid;}


/* margin-bottom blocks */
.product-list,
.product-grid,
.product-detail,
.product-detail.flex-col-product > .left,
table.checkout-cart,
#content .box {margin-bottom: 60px;}




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

/* flex-col */
.flex-col {margin-bottom: 0;}
.flex-col .col {margin-bottom: 2em;}

@media screen and (min-width: 768px) {
  .flex-col {display: flex; flex-direction: row; flex-wrap: wrap; gap: 30px;}
  .flex-col.col2 .col {margin-bottom: 0;}

  .flex-col .col,
  .flex-col.col2 .col {width: calc(1/2*100% - (1 - 1/2)*30px);}
}

/* two column fix */
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #content:not(.fullwidth) .flex-col .col {width: 100%; margin-bottom: 2em;}
}

@media screen and (min-width: 1200px) {
  .flex-col.col3 .col {width: calc(1/3*100% - (1 - 1/3)*30px);}
  .flex-col.col4 .col {width: calc(1/4*100% - (1 - 1/4)*30px);}
}


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

/* text-center */
.center,
.text-center {text-align: center!important;}

.text-center img {margin: 5px;}

/* line */
.line-bottom {padding-bottom: 0.5em; margin-bottom: 0.5em; border-bottom-width: 1px; border-bottom-style: solid;}


/* .counter-text */
.counter-text {font-weight: normal!important; font-size: 75%!important; margin-left: 0.3em;}
.counter-text > span {white-space: nowrap;}

.flex-right .counter-text,
.checkout-cart td .counter-text {font-size: 90%!important;}


/* images */
.alignleft, .alignright {display: block; margin: 0 0 15px 0;}

.aligncenter,
.alignleft,
.alignright {display: block; margin: 0 auto 15px auto; max-width: 100%;}

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

.aligncenter {display: block; margin: 0 auto 15px auto; max-width: 100%;}

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




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

/* slideshow  */
.slideshow {position: relative; width: 100%; height: auto; overflow: hidden;}
.slideshow img {display: block; width: 100%; height: auto;}

/* banner */
.banner {text-align: center!important;}

/* slideshow main (1080 x 400px) + (slideshow) banner content (1080 x 340px) */
#content .slideshow,
#content .banner {margin-bottom: 20px;}

#column-left .banner {margin-bottom: 40px;}

@media screen and (max-width: 1359px) {
  .slideshow.owl-carousel:not(.owl-loaded) a:not(:first-child),
  .slideshow.owl-carousel:not(.owl-loaded) img:not(:first-child) {display: none;}
}

@media screen and (min-width: 1360px) {
  #content .slideshow,
  #content .slideshow img {width: 1080px;}


   /* slideshow main */
  #content .slideshow.main,
  #content .slideshow.main img {height: 400px;}


  /* (slideshow) banner content */
  #content .slideshow,
  #content .slideshow img {min-height: 340px;}

  #content .banner img {max-height: 400px;}
}


/* banner column-left */
#column-left {min-height: 100%;}
#column-left .banner {z-index: 100;}
#column-left .banner.sticky {position: sticky; top: 10px;}
#column-left .banner .banner-inner {width: 100%; min-height: 184px; overflow: hidden;}
#column-left .banner .banner-inner img {max-width: 260px; max-height: 430px;}

/* banner-shippingfree */
#column-left .banner .banner-inner .banner-shippingfree {display: block; margin-bottom: 20px;}

/* banner body (184 x 300px) */
@media screen and (min-width: 768px) {
  #content-wrapper {position: relative; min-height: 100%;}

  #content-wrapper .banner.banner_body {position: absolute; top: 0; height: 100%; padding: 20px 0;}

  #content-wrapper .banner.banner_body.left {left: -204px; }
  #content-wrapper .banner.banner_body.right {right: -204px;}

  #content-wrapper .banner.banner_body > .banner-inner,
  #content-wrapper .banner.banner_body > .banner-inner .slideshow {width: 184px; height: 300px; overflow: hidden;}

  #content-wrapper .banner.banner_body > .banner-inner {position: sticky; top: 10px; margin: 0 auto;}
  #content-wrapper .banner.banner_body > .banner-inner img {box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
}




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


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

/* facebook */
.fb-page {width: 100%; max-width: 100%; height: 154px; border: 0; overflow: hidden;}

@media screen and (min-width: 768px) {
  .fb-page {display: block; margin: 0 auto; width: 500px;}
}


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




/* ************************* gallery ************************* */

/* gap: 1em; */
.gallery {display: flex; flex-direction: row; flex-wrap: wrap; gap: 1em; margin-bottom: 2em; clear: both;}
.gallery .gallery-item {display: flex; flex-direction: column; width: 100%; overflow: hidden;}
.gallery .gallery-item > a.thumbnail {position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%;}
.gallery .gallery-item > a.thumbnail img {position: absolute; inset: 0; margin: auto;}
.gallery .gallery-item > span {display: block; text-align: left; line-height: 1.3; margin-top: 0.5em;}
.gallery .gallery-item > span.title {font-weight: bold; font-size: 13px;}
.gallery .gallery-item > span.description {margin-bottom: 0.5em; font-size: 12px;}
.gallery .gallery-item > a.more {margin-top: auto; padding: 0.5em 0; text-align: center; font-weight: bold; font-size: 14px;}


@media screen and (min-width: 220px) {
  .gallery .gallery-item {width: calc(1/2*100% - (1 - 1/2)*1em);}
}

@media screen and (min-width: 390px) {
  .gallery .gallery-item {width: calc(1/3*100% - (1 - 1/3)*1em);}
}

@media screen and (min-width: 480px) {
  .gallery .gallery-item {width: calc(1/4*100% - (1 - 1/4)*1em);}
}

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

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





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

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

#content-wrapper {padding: 15px;}

#footer {padding: 0 15px; overflow: hidden;}


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

  #menu-header-top-wrapper > #menu-header-top {margin: 0 auto;}

  #header-wrapper,
  #footer-wrapper {flex: none;}

  #footer {padding: 0;}
}


/* layout width 1360px + 30px */
@media screen and (min-width: 1390px) {
  #content-wrapper {padding: 20px 0; flex: 1 0 auto;}
}


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

@media screen and (min-width: 768px) {
  #content-inner {display: flex; flex-direction: row; flex-wrap: nowrap;}

  #column-left {width: 260px; min-width: 260px; margin-right: 20px;}
  /* #column-left #column-left-inner {position: sticky; top: 20px; max-height: 100vh; padding-right: 10px; overflow-x: hidden; overflow-y: auto;} */

  /* content right 260px + 20px column-left margin-right */
  #content {width: calc(100% - 280px); flex-grow: 1;/*overflow: hidden;*/}

  #content.fullwidth {width: 100%;}
}






/* ************************* header ************************* */

#header {display: flex; align-items: center; flex-direction: row; flex-wrap: wrap;}
#header a#logo {order: 1;  background: url('../image/logo.png') no-repeat center center; background-size: contain;}

#header-wrapper {width: 100%;}

/* responsive fixed (z-index vyssi nez .popup-bottom) */
@media screen and (max-width: 767px) {
  /* scroll show/hide  */
  #header-wrapper {position: sticky; top: 0; transition: transform .4s .25s ease-in-out; z-index: 9999!important;}

  #header {padding: 10px 15px;}
  #header a#logo {height: 46px; max-width: 200px; margin-left: 60px; flex-grow: 1;}
  body#page-checkout #header a#logo {margin-left: 0;}

  #header #search {width: 100%; margin-top: 10px; order: 3;}
}


@media screen and (min-width: 768px) {
  #header,
  #header a#logo {height: 100px;}

  #header a#logo {width: 260px;}

  #header #search {order: 2; flex-grow: 1; margin: 0 80px;}
}

/* layout width 1360px + 30px */
@media screen and (min-width: 768px) and (max-width: 1389px) {
  #header a#logo {margin-left: 15px;}
  #header #search {margin: 0 40px;}
}



/* ************************* header autocomplete search ************************* */

#header #search {position: relative;}

#header #search .input-button-search-wrapper .icon.close {position: absolute; top: 1px; right: 38px; bottom: 0; width: 30px; height: calc(100% - 2px); background-color: rgba(251,251,251,.75); z-index: 10;}
#header #search .input-button-search-wrapper input.input-search:focus + .icon.close {background-color: rgba(255,255,255,.75);}

@media screen and (min-width: 768px) {
  #header #search .input-button-search-wrapper,
  #header #search .input-button-search-wrapper input.input-search {height: 48px;}

  #header #search .input-button-search-wrapper input.input-search {line-height: 48px; padding: 0 48px 0 16px; border-width: 1px; border-style: solid;}
  #header #search .input-button-search-wrapper button.button-search {width: 48px;}
  #header #search .input-button-search-wrapper button.button-search::before {font-size: 20px;}

  #header #search .input-button-search-wrapper .icon.close {right: 48px;}
}

/* autocomplete-search popup */
#autocomplete-search {display: none; position: absolute; top: 100%; left: 0; right: 0; width: 100%; padding-top: 15px; z-index: 5000!important;}

/* hover ico */
#autocomplete-search::before {position: absolute; left: 0; right: 0; top: 6px; margin: auto; content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-bottom-width: 9px; border-bottom-style: solid;}

#autocomplete-search .autocomplete-search-inner {padding: 15px;}

/* max-height = top to #search bottom height + #autocomplete-search padding + #autocomplete-search box-shadow  */
#autocomplete-search .autocomplete-search-inner ul {max-height: calc(100vh - (154px + 61px)); overflow-x: hidden; overflow-y: auto;}

@media screen and (min-width: 320px) {
  #autocomplete-search .autocomplete-search-inner ul {max-height: calc(100vh - (106px + 61px));}
}

@media screen and (min-width: 768px) {
  #autocomplete-search .autocomplete-search-inner ul {max-height: calc(100vh - (117px + 61px));}
}

@media screen and (min-width: 1360px) {
  #autocomplete-search .autocomplete-search-inner ul {display: flex; flex-direction: row; flex-wrap: wrap;}
  #autocomplete-search .autocomplete-search-inner ul li {width: calc(100% / 2);}
}


#autocomplete-search .autocomplete-search-inner ul li {font-size: 16px; overflow: hidden;}
#autocomplete-search .autocomplete-search-inner ul li:not(.result) > a {display: flex; flex-direction: row; flex-wrap: nowrap; font-size: 90%; margin: 0; padding: 10px; height: 100%;}
#autocomplete-search .autocomplete-search-inner ul li > a {text-decoration: none; line-height: 1.4;}
#autocomplete-search .autocomplete-search-inner ul li > a span.thumbnail {width: 100px; min-width: 100px; height: 70px;}
#autocomplete-search .autocomplete-search-inner ul li > a span.text {flex-grow: 1; font-weight: bold; margin-left: 10px;}
#autocomplete-search .autocomplete-search-inner ul li > a span.text span.name {display: block; margin: 0 0 0.5em 0; height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
#autocomplete-search .autocomplete-search-inner ul li > a span.text span.price {display: block; font-weight: bold; white-space: nowrap;}
#autocomplete-search .autocomplete-search-inner ul li > a span.text span.price span.price-old {font-size: 80%;}

#autocomplete-search .autocomplete-search-inner ul li > a.folder {display: inline-block; line-height: 1.5;}

#autocomplete-search .autocomplete-search-inner ul li a .matched-highlight {font-weight: bold;}

#autocomplete-search .autocomplete-search-inner ul li.result {text-align: center; width: 100%; }
#autocomplete-search .autocomplete-search-inner ul li.result > h3 {text-align: left; padding: 10px 10px 0 10px; font-size: 120%;}
#autocomplete-search .autocomplete-search-inner ul li.result > h3.tag {font-size: 100%;}
#autocomplete-search .autocomplete-search-inner ul li.result > a {text-align: center;}
#autocomplete-search .autocomplete-search-inner ul li.result > a.button {display: inline-block; margin: 30px auto 0 auto;}






/* ************************* header right ************************* */

#header  #header-right {order: 3; margin-left: auto; padding-left: 1em; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}
#header  #header-right .header-item {line-height: 1.3;}
#header  #header-right .header-item  + .header-item {margin-left: 12px;}

#header  #header-right .header-item > a {display: block; font-size: 14px; text-align: center; text-decoration: none; padding: 6px; min-width: 40px;}
#header  #header-right .header-item > a.ico::before {display: block; font-size: 26px; margin: 0;}

@media screen and (max-width: 300px) {
  #header  #header-right {width: 100%; display: flex; justify-content: center; margin-top: 10px; padding-left: 0;}
}


@media screen and (min-width: 768px) {
  #header  #header-right .header-item  + .header-item {margin-left: 14px;}
  #header  #header-right .header-item > a.ico::before {font-size: 21px;  margin: 0 auto 8px auto;}

  #header  #header-right .header-item > a.ico.logged::before,
  #header  #header-right .header-item > a.ico.full::before {margin: 0 24px 8px auto;}

  #header  #header-right .header-item > a > span.dropdown-toggle > span {display: block; max-width: 150px; white-space: nowrap; overflow: hidden;}
}


@media screen and (min-width: 768px) and (max-width: 1389px) {
  #header  #header-right {margin-right: 15px;}
}







/* ************************* header cart ************************* */

/* header cart ico */
#header #cart > .ico.cart {position: relative; transition: background .4s ease-in-out;}
#header #cart > .ico.cart span.items {position: absolute; top: -2px; left: 0; right: -18px;}
#header #cart > .ico.cart > span {white-space: nowrap;}

@media screen and (max-width: 767px) {
  #header #cart.active > .ico.cart, #header #cart.fixed.active > .ico.cart {background-color: transparent; box-shadow: none!important;}
}

@media screen and (min-width: 768px) {
  /* header cart fixed */
  #header #cart.fixed {position: fixed; top: 10px; right: auto; left: auto; animation: slide-down 1s ease-out forwards; z-index: 5000;}
  #header #cart.fixed {transform: translateX(-40%);}
  @keyframes slide-down {from {top: -100%;} to {top: 10px;}}

  #header #cart > .ico.cart span.items {right: -2px;}
}

@media screen and (min-width: 1700px) {
  #header #cart.fixed {transform: translateX(80%);}
}


/* header cart hover content */
#header #cart .content {width: 480px; overflow: hidden;}
#header #cart .content .checkout-cart-wrapper {max-height: 30vh; padding: 0; overflow-x: auto; overflow-y: auto;}
#header #cart .content .empty {text-align: center; margin: 25px 0;}
#header #cart.active .content {display: block;}



/* #header .content */
#header .content {display: none; position: absolute; top: 100%; right: 0; min-width: 480px; padding: 12px; z-index: 2000;}

#header .content strong.head-title {font-size: 120%;}
#header .content .article {font-size: 14px;}
#header .content .article ul {margin: 0;}
#header .content .buttons.single-button {padding-bottom: 0;}


/* ************************* footer ************************* */

#footer-wrapper,
#footer #copyright {border-top-width: 1px; border-top-style: solid; clear: both;}


/* footer icons */
#footer #footer-icon-text {padding: 30px 0; border-bottom-width: 1px; border-bottom-style: solid; overflow: hidden;}
#footer #footer-icon-text ul.circle-icons li {display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; margin-bottom: 1em;}
#footer #footer-icon-text ul.circle-icons li::before {margin-right: 15px;}
#footer #footer-icon-text ul.circle-icons li span {font-size: 14px; text-align: left; flex-grow: 1;}
#footer #footer-icon-text ul.circle-icons li span strong {display: block;}

@media screen and (min-width: 480px) {
  #footer #footer-icon-text ul.circle-icons {display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px;}
  #footer #footer-icon-text ul.circle-icons li {width: calc(1/2*100% - (1 - 1/2)*40px);}
}

@media screen and (min-width: 768px) {
  #footer #footer-icon-text ul.circle-icons li {width: calc(1/3*100% - (1 - 1/3)*40px);}
}

@media screen and (min-width: 1360px) {
  #footer #footer-icon-text ul.circle-icons {flex-wrap: nowrap;}
  #footer #footer-icon-text ul.circle-icons li {flex-grow: 1; flex-basis: 0;}
}


/* column */
#footer #column-wrapper {padding: 30px 0;}
#footer .column {font-size: 15px; text-align: center; overflow: hidden; margin-bottom: 30px;}
#footer .column.last {margin-bottom: 0;}
#footer .column h2 {font-size: 20px; margin-bottom: 1.5em;}

@media screen and (min-width: 768px) {
  #footer #column-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; padding: 60px 0;}
  #footer .column {text-align: left; padding: 0 60px 0 0; width: calc(100% / 2);}
  #footer .column.last {padding: 0;}
}

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


/* column first */
#footer .column #footer-social-icon {padding-top: 20px;}
#footer .column #footer-social-icon a.icon {margin-right: 10px;}


/* column menu */
#footer .column.menu ul li {margin: 0 0 0.5em 0;}


/* footer-icon */
#footer .column #footer-icon img {max-height: 76px; max-width: 76px; width: auto;}

#footer .column #footer-icon > div,
#footer .column #footer-icon > a {display: inline-block; margin: 15px;}

@media screen and (min-width: 768px) {
  #footer .column #footer-icon {margin-left: -8px;}
  #footer .column #footer-icon > div,
  #footer .column #footer-icon > a {margin: 0 0 8px 8px;}
}

/* footer-text */
#footer .column .footer-text {margin-bottom: 1em;}
#footer .column.last .footer-text {margin-bottom: 2em;}
#footer .column.last .footer-text img {max-width: 230px;}

/* copyright */
#footer #copyright {font-size: 15px; text-align: center; padding: 30px 0;}





/* ************************* chevron / menu / tabs / breadcrumb ************************* */


/* ************************* chevron ************************* */

.togglelink,
.breadcrumb a + a {position: relative;}

.menu-left > .menu-left-inner > ul > li.sub > ul ul li > a::before,
.menu-left ul li.sub > .submenu-button::after,
.togglelink::after,
.breadcrumb a + a::before {display: block; content: ""; position: absolute; width: 6px; height: 6px; border-style: solid; border-width: 0 1px 1px 0;}

.togglelink::after {right: 10px;}

.menu-left ul li.sub > .submenu-button::after,
.togglelink::after {transition: all .2s ease-in-out;}

/* top percent: togglelink */
.togglelink::after {top: calc(50% - 6px);}

/* top percent: togglelink open */
.togglelink.open::after {top: calc(50% - 1px);}

/* top fixed */
.breadcrumb a + a::before {top: 0.5em;}

/* rotate: list / children subcategory - hover (to right) */
.menu-left ul li.sub > ul ul li > a::before,
.breadcrumb a + a::before {transform: rotate(-45deg);}

@media screen and (min-width: 768px) {
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > .submenu-button::after {transform: rotate(-45deg);}
}

/* rotate: children subcategory - close (to bottom) */
.menu-left ul li.sub > .submenu-button::after,
.menu-left ul li.sub.open.openclose > .submenu-button::after,
.togglelink::after {transform: rotate(45deg);}


/* rotate: children subcategory - open (to top) */
.menu-left ul li.sub.open > .submenu-button::after,
.togglelink.open::after {transform: rotate(225deg);}




/* ************************* menu header top ************************* */

#menu-header-top-wrapper {border-bottom-width: 1px; border-bottom-style: solid;}

#menu-header-top-wrapper #menu-header-top {display: flex; align-items: center; flex-direction: row; flex-wrap: wrap;}
#menu-header-top-wrapper #menu-header-top > ul {display: flex; flex-direction: row; flex-wrap: wrap;}
#menu-header-top-wrapper #menu-header-top > ul > li > a {display: block; font-weight: bold; text-decoration: none;}

/* menu-header left (menu) */
#menu-header-top-wrapper #menu-header-top > ul.left {margin-right: auto;}
#menu-header-top-wrapper #menu-header-top > ul.left > li > a {font-size: 13px; padding: 12px 24px 12px 0;}

/* menu-header right (phone) */
#menu-header-top-wrapper #menu-header-top > ul.right {margin-left: auto;}
#menu-header-top-wrapper #menu-header-top > ul.right > li + li {margin-left: 16px;}
#menu-header-top-wrapper #menu-header-top > ul.right > li > a {font-size: 16px; padding: 10px 0;}
#menu-header-top-wrapper #menu-header-top > ul.right > li > a::before {font-size: 18px;}

/* layout width 1360px + 30px */
@media screen and (min-width: 768px) and (max-width: 1390px) {
  #menu-header-top-wrapper #menu-header-top {padding: 0 15px;}
}



/* language / currency */
#language-wrapper {margin-left: 1em; display: flex; flex-direction: row; flex-wrap: nowrap;}

#language-wrapper .dropdown + .dropdown {margin-left: 0.5em;}
#language-wrapper .dropdown ul.dropdown-menu li button {font-size: 12px;}

/* language */
#language-wrapper #language img {width: 20px; height: auto;}

/* dropdown SVG image fix */
#language-wrapper #language.dropdown ul.dropdown-menu li button {position: relative; padding-left: calc(20px + 0.5em);}
#language-wrapper #language.dropdown ul.dropdown-menu li button img {position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}

/* currency */
#language-wrapper #currency.dropdown ul.dropdown-menu li button strong {margin-right: 0.5em;}


/* responsive language / currency */
@media screen and (max-width: 767px) {
  .menu-left-inner #language-wrapper {justify-content: center; width: 100%; margin: 0 0 50px 0!important; padding: 10px;}
  .menu-left-inner #language-wrapper .dropdown + .dropdown {margin-left: 2em;}
}









/* ************************* menu left (max. level 4) ************************* */

/* shared (desktop / responsive) */

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

.menu-left ul li a {display: block; padding: 10px; font-size: 14px; text-decoration: none; line-height: 1.5!important;}

/* parent level: 1 */
.menu-left > .menu-left-inner {border-width: 0; border-style: solid;}

.menu-left > .menu-left-inner > ul > li:first-child {border: 0;}
.menu-left > .menu-left-inner > ul > li {border-top-width: 1px; border-top-style: solid;}

.menu-left > .menu-left-inner > ul > li > a {font-weight: bold;}

/* children level 2 */
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li > a.title {font-weight: bold;}

/* children level: 2+ */
.menu-left > .menu-left-inner > ul ul {overflow: hidden;}
.menu-left > .menu-left-inner > ul > li.sub > ul li {border: 0;}

.menu-left > .menu-left-inner > ul > li.sub > ul li a {display: flex; align-items: center; flex-wrap: nowrap;}

/* chevron list */
/* children level 2+ */
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu ul li > a::before {position: relative; width: 6px; min-width: 6px; margin-left: 0; margin-right: 0.5em;}

/* children level 3 */
.menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu ul ul li > a::before {margin-left: calc(3px + 0.5em);}

/* children level 4 */
/* .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu ul ul ul li > a::before {margin-left: calc(3px + 1em);} */


/* submenu-button open/close */
.menu-left ul li.sub > .submenu-button {position: absolute; right: 0; top: 0; width: 30px; height: 40px;}
.menu-left ul li.sub > a {padding-right: 30px!important;}


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

/* children subcategory show */
.menu-left ul li.active > ul {display: block;}


/* special ico */
.menu-left ul li.special > a:not(.thumbnail) {padding-right: 70px!important;}
.menu-left ul li.special > a:not(.thumbnail)::after {position: absolute; top: 0.5em; right: 30px; padding: 1px; content: "AKCE"; width: 30px; height: 30px; font-size: 10px; font-weight: bold; border-radius: 50%;}
.menu-left ul ul li.special > a:not(.thumbnail)::after {width: 24px; height: 24px; font-size: 8px;}




/* ************************* desktop menu left ************************* */

@media screen and (min-width: 768px) {
  .menu-left .box-heading {margin: 0!important; padding: 10px; border: 0;}

  /* parent / children */

  /* submenu-button open/close */
  .menu-left ul li.sub.open > .submenu-button {z-index: 1002;}
  .menu-left ul li.sub:not(.open) > .submenu-button {z-index: 1;}

  /* vertical center top fix to top */
  .menu-left ul li.sub.open > .submenu-button::after {margin-top: 4px;}

  /* vertical center top fix to bottom */
  .menu-left ul ul li.sub:not(.open) > .submenu-button::after,
  .menu-left ul li.sub.open.openclose > .submenu-button::after {margin-top: -5px;}



   /* children level 2+ */
  .menu-left > .menu-left-inner > ul > li.sub.open > ul li a {font-size: 13px; padding: 8px 10px;}

  /* submenu-button children not open fix */
  .menu-left ul li.sub:not(.open) > a,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > a::before {z-index: 1001;}

  /* children hover fix border top chrome (with border-radius) */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > a::before {position: absolute; right: -1px; top: 0; bottom: 0; content: ""; width: 1px;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open):hover > a::before {top: -1px; border-top-width: 1px; border-top-style: solid;}


  /* hover submenu */

   /* parent a hover submenu border */
  .menu-left > .menu-left-inner > ul > li.sub > a {border-width: 1px 0 1px 1px; border-style: solid; border-color: transparent;}

  /* children level: 2 */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu {position: absolute; top: 0; left: 100%; overflow: auto; overflow-x: hidden; max-height: 60vh; padding: 0 0 0 20px; border-width: 1px; border-style: solid; z-index: 1000;}


   /* children subcategory popup show hover / .sub.hover */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open).hover ul,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open):hover ul {display: block!important;}

  /* hide submenu chevron, children bullet, submenu-button */
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li > a.title > .image,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open):focus > ul,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) ul li.sub > .submenu-button,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a::before,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a.thumbnail::after,
  .menu-left > .menu-left-inner > ul > li.sub.open button.togglelink,
  .menu-left ul#menu-header-ul {display: none;}

  /* special ico */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li.special > a:not(.thumbnail)::after {right: 0;}

  /* children level: 2+ */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu li a {padding: 0 0 0.6em 0;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu li a:hover {text-decoration: underline;}

  /* children level 2 */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li:not(.responsive-show) {float: left; display: flex; justify-content: flex-end; flex-direction: row; flex-wrap: wrap; padding: 20px 20px 20px 0;}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a.title,
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > ul {width: calc(100% - 80px);}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a.title {font-size: 15px;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a.thumbnail {display: block; width: 50px; min-width: 50px; height: 50px; text-align: center; margin: 0 10px 0 0; padding: 0;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > a.thumbnail > img {max-width: 50px; max-height: 50px;}

  /* submenu_inline */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.inline > li > ul.submenu {position: relative;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.inline > li > ul.submenu > li {float: left; margin: 0 0 0.5em -8px; padding: 0 16px 0 8px; border-left-width: 1px; border-left-style: solid;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.inline > li > ul.submenu > li > a {font-size: 13px; padding: 0;}
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.inline > li > ul.submenu > li > a::before {display: none;}

  /* children level: 4 - hide  */
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li > ul > li.sub ul {display: none!important;}
}


/* width = layout - column-left - hover submenu padding */
@media screen and (min-width: 768px) and (max-width: 1359px) {
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul {width: calc(100vw - 307px);}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li:not(.responsive-show) {width: 50%;}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.category_link_all_children > li:nth-child(2n+4),
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu:not(.category_link_all_children) > li:nth-child(2n+3) {clear: left;}
}

@media screen and (min-width: 1360px) {
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu {width: calc(1360px - 260px);}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu > li:not(.responsive-show) {width: calc(100% / 3);}

  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu.category_link_all_children > li:nth-child(3n+5),
  .menu-left > .menu-left-inner > ul > li.sub:not(.open) > ul.menu-left-submenu:not(.category_link_all_children) > li:nth-child(3n+4) {clear: left;}
}




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

@media screen and (max-width: 767px) {

  /* menu-left helper */
  body.menu-opened {overflow: hidden;}

  /* z-index nizsi nez #header, neprebije #search */
  .menu-left {position: fixed; top: 116px; left: 0; right: 0; z-index: 3999!important;}
  body.menu-opened .menu-left {bottom: 0;}

  .menu-left > .menu-left-inner {width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: rgba(0,0,0,.8); backdrop-filter: blur(6px);}

  /* hamburger button (header-wrapper) */
  #header-wrapper > .menu-button {display: block; position: absolute; top: 0; width: 64px; height: 60px; margin: 0; padding: 0 0 20px 0; cursor: pointer;}
  #header-wrapper > .menu-button span {position: absolute; bottom: 8px; left: 0; right: 0; text-align: center; font-size: 9px; font-weight: bold; text-transform: uppercase;}

  #header-wrapper > .menu-button::before,
  #header-wrapper > .menu-button::after {display: block; position: absolute; content: ""; left: 0; right: 0; margin: auto; transition: all .3s ease;}

  #header-wrapper > .menu-button::after {top: 24px;  height: 4px; width: 30px; border-width: 2px 0 2px 0; border-style: solid;}
  #header-wrapper > .menu-button::before {top: 18px; height: 2px; width: 30px;}
  #header-wrapper > .menu-button.menu-opened::after {top: 25px; border: 0; height: 2px; width: 30px; transform: rotate(45deg);}
  #header-wrapper > .menu-button.menu-opened::before {top: 25px; width: 30px; transform: rotate(-45deg);}

  /* submenu */
  .menu-left ul li.sub > .submenu-button {height: 50px;}

  /* children level: 3+ */
  .menu-left > .menu-left-inner > ul ul ul li.sub > .submenu-button {height: 41px;}


  /* submenu nolink */
  .menu-left ul li.sub.nolink > a {z-index: 1001;}

  /* special ico */
  .menu-left ul li.sub.nolink.special > a::after,
  .menu-left ul li.sub.nolink li.special > a::after {top: 1em;}


  /* submenu link */
  .menu-left ul li.sub.link > a {padding-right: 50px!important;}

  /* submenu link submenu-button */
  .menu-left ul li.sub.link > .submenu-button {width: 50px; z-index: 100; background-color: rgba(255,255,255,.4);}

  .menu-left ul li.sub > .submenu-button::after {width: 10px; height: 10px;}

  /* children level: 2 */
  .menu-left > .menu-left-inner > ul ul li.sub.link > .submenu-button {background-color: rgba(0,0,0,.05);}

  /* children level: 3+ */
  .menu-left > .menu-left-inner > ul ul ul li.sub.link > .submenu-button {background-color: rgba(0,0,0,.03);}


   /* special ico */
  .menu-left ul li.sub.link.special > a {padding-right: 90px!important;}
  .menu-left ul ul li.sub.link.special > a {padding-right: 84px!important;}
  .menu-left ul li.sub.link.special > a::after {right: 50px;}


  /* vertical center top fix to top */
  .menu-left ul li.sub.open > .submenu-button::after {margin-top: 8px;}

  /* vertical center top fix to bottom */
  .menu-left ul li.sub:not(.open) > .submenu-button::after {margin-top: -7px;}



  /* parent level: 1 */
  .menu-left > .menu-left-inner > ul > li > a {font-size: 15px; padding: 14px 10px;}

  /* menu-header-top-ul */
  .menu-left.responsive > .menu-left-inner > ul#menu-header-top-ul > li > a {font-size: 14px;}


  /* children level: 2 */

  /* link product all */
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li.responsive-show > a {font-weight: bold;}

  /* submenu image */
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu.category_image > li > a.title {display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap;}
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu.category_image > li > a.title .image {display: block; width: 45px; min-width: 45px; height: 30px; margin-right: 10px; background-repeat: no-repeat!important; background-size: cover!important; background-position: center center!important;}

  /* children level: 3 */
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu.category_image > li > ul {padding-left: 55px;}

  /* children level: 3+ */
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li > ul li {border: 0;}

  /* toggle more/less fix */
  .menu-left .togglelink {display: none!important;}
  .menu-left > .menu-left-inner > ul > li.sub > ul.menu-left-submenu > li > ul > li {display: block!important;}
}

@media screen and (max-width: 319px) {
  /* z-index vyssi nez #header, prebije #search */
  .menu-left {top: 58px; z-index: 4001!important;}
}



/* ************************* menu content ************************* */

#content .menu-content {margin-bottom: 2em;}
#content .menu-content ul {display: flex; flex-direction: row; flex-wrap: wrap; overflow: hidden;}
#content .menu-content ul > li {position: relative; margin-left: -10px; padding-left: 10px; margin-right: 20px; margin-bottom: 0.5em; font-size: 100%; line-height: 1.3;}
#content .menu-content ul > li > a {display: block; padding: 0; text-decoration: none; transition: all .2s ease-in-out;}
#content .menu-content ul > li + li::before {border-left-width: 1px; border-left-style: dotted; content: ""; position: absolute; left: 0; width: 1px; height: 10px; top: 50%; transform: translateY(-50%);}

/* column-left menu content */
@media screen and (max-width: 767px) {

  /* .box-heading.button.togglelink */
  #column-left .box-heading.button.togglelink {text-align: left; justify-content: flex-start; width: 100%; padding: 0.8em 40px 0.8em 1em!important; border: 0!important; cursor: pointer; pointer-events: auto;}

  #column-left .menu-content {margin-bottom: 30px;}
  #column-left .menu-content ul > li {font-size: 110%; margin: 0 0 1em 1em;}
}


@media screen and (min-width: 768px) {
  #column-left .menu-content .box-heading {display: block; text-align: left; padding: 0; background: none!important;}
  #column-left .menu-content .box-heading.ico::before,
  #column-left .menu-content .box-heading.ico::after {display: none;}
  #column-left .menu-content ul > li {margin: 0 0 0.5em 0;}
}


/* ************************* link-horizontal ************************* */

.link-horizontal {margin-bottom: 1em;}
.link-horizontal.text-center {margin-bottom: 0;}

.link-horizontal > * {display: inline-block; margin-bottom: 1.5em; }

.link-horizontal.menu-link > a {text-decoration: none!important;}

.link-horizontal > *:not(:last-child) {margin-right: 0.5em; padding-right: calc(0.5em + 1px); border-right-width: 1px; border-right-style: solid;}

@media screen and (min-width: 768px) {
  .link-horizontal > * {margin-bottom: 1em;}
}






/* link-horizontal.filter > span */
.link-horizontal.filter > span {border: 0!important; padding: 0!important;}


/* menu-link */
@media screen and (max-width: 479px) {
  .link-horizontal.menu-link {text-align: center;}

  /* link-horizontal.filter > span */
  .link-horizontal.filter > span {display: block; margin-right: 0; padding-right: 0; margin-bottom: 1em;}
}

@media screen and (max-width: 319px) {
  .link-horizontal.menu-link > * {display: block; border: 0;}
}




/* product link (search result) */
.product .link-horizontal.filter {font-size: 12px;}
.product-grid .product .link-horizontal.filter {height: 3.2em; line-height: 1.1; overflow-x: hidden; overflow-y: auto;}
.product .link-horizontal.filter > * {display: inline-block; margin-bottom: 0.5em;}



/* contact-info */
.article.contact-info .last {margin-top: 3em;}





/* ************************* horizontal tabs ************************* */

/* htabs */
.htabs {display: flex; flex-direction: row; flex-wrap: wrap; margin: 0; padding: 0 10px; border-bottom-width: 1px; border-bottom-style: solid;}
.htabs li > * {display: block; font-weight: bold; text-align: center; line-height: 1; margin: 0 3px 0 0; padding: 10px 15px; border-width: 1px 1px 0 1px; border-style: solid; white-space: nowrap; text-decoration: none!important;}

.htabs li:hover > a, .htabs li.active > a {margin-bottom: -1px; padding-bottom: 11px;}

@media screen and (max-width: 379px) {
  .htabs li {width: 100%;}
}

@media screen and (max-width: 767px) {
  .htabs li > a {padding: 15px 20px; flex-grow: 1; flex-basis: 0;}
  .htabs li:hover > a, .htabs li.active > a {padding-bottom: 16px;}
}




/* htabs ico */
.htabs.tabs-ico {width: 100%; flex-wrap: nowrap; text-align: center; padding: 0; border: 0!important;}
.htabs.tabs-ico > li > .ico {display: block; position: relative; font-size: 120%; margin: 0; padding: 0.6em 1em; border: 0!important; background: none!important;}
.htabs.tabs-ico > li > .ico::before {font-size: inherit;}
.htabs.tabs-ico > li > .ico::after {position: absolute; bottom: -1px; left: 0; right: 0; display: block; content: ""; margin: auto; height: 1px; width: 0; background: transparent; transition: all .5s ease; z-index: 10}
.htabs.tabs-ico > li:hover > .ico::after,
.htabs.tabs-ico > li.active > .ico::after {width: 100%;}

@media screen and (min-width: 1360px) {
  .htabs.tabs-ico {justify-content: center;}

  .tab-product-grid .htabs.tabs-ico li > .ico {margin: 0 15px!important; }
}


/* tab-content */
.tab-content {padding: 1.5em 0; border-width: 0 0 1px 0; border-style: solid;}


/* featured_tab */
.tab-product-grid .h-scroll-wrapper .h-scroll {margin-bottom: 1em; padding-bottom: 0.5em}
.tab-product-grid .tab-content {border: 0!important; padding: 0;}
.tab-product-grid .tab-content .tab-pane .product-grid {margin-bottom: 0;}




/* ************************* horizontal scroll / chevron-left/right ************************* */

.h-scroll-wrapper {position: relative; margin: 0; padding: 0; max-width: 100%}
.h-scroll-wrapper > .h-scroll {display: flex; flex-direction: row; flex-wrap: nowrap; max-width: 100%; white-space: nowrap; overflow-x: auto!important; overflow-y: hidden!important;}

/* h-scroll-button */
.h-scroll-wrapper > .h-scroll-button {display: none; position: absolute; top: 0; bottom: 0; width: 30px; height: 100%; border: 0; z-index: 2;}
.h-scroll-wrapper > .h-scroll-button::before {position: absolute; top: 0; right: 0; left: 0; font-weight: 900; width: 100%; height: 38px;}

.h-scroll-wrapper.scroll-left > .h-scroll-button.chevron-left,
.h-scroll-wrapper.scroll-right > .h-scroll-button.chevron-right {display: block;}

.h-scroll-wrapper > .h-scroll-button.chevron-left::before {background-image: linear-gradient(to right, #fbfbfb 60%, transparent);}
.h-scroll-wrapper > .h-scroll-button.chevron-right::before {background-image: linear-gradient(to left, #fbfbfb 60%, transparent);}

/* scroll-left */
.h-scroll-wrapper.scroll-left > .h-scroll-button.chevron-left {left: 0;}

/* scroll-right */
.h-scroll-wrapper.scroll-right > .h-scroll-button.chevron-right {right: 0;}

/* scrollbar */
@media screen and (max-width: 767px) {
  /* hide scrollbar Firefox */
  .h-scroll-wrapper > .h-scroll {scrollbar-width: none;}

  /* hide scrollbar Chrome/Edge */
  .h-scroll-wrapper > .h-scroll::-webkit-scrollbar {display: none;}
}



/* ************************* breadcrumb ************************* */

.breadcrumb {margin-bottom: 2.5em;}
.breadcrumb a {font-size: 14px; line-height: 1.5;}
.breadcrumb a::before {text-decoration: none!important;}
.breadcrumb a + a {margin-left: 10px; padding-left: 22px;}
.breadcrumb a + a::before {left: 0;}

/* breadcrumb responsive */
@media screen and (max-width: 767px) {
  .breadcrumb.responsive-show {margin-top: 1em;}
}



/* ************************* box ************************* */

.box {clear: both; overflow: hidden;}
.box .box-content {font-size: 16px;}


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

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



/* content */
#content .box .article {margin: 0; padding: 0;}
#content .box .buttons {margin: 2em 0 0 0; padding: 0;}


/* column-left/content */

/* box-heading */
.box-heading {font-size: 130%; margin: 0 0 1em 0; padding: 0; background: none;}
#column-left .box-heading {font-size: 125%; margin: 0 0 1em 0;}

#content h2.box-heading {padding-bottom: 0.3em; border-bottom-width: 1px; border-bottom-style: dotted;}


@media screen and (min-width: 768px) {
  .box-heading {display: block; font-size: 150%;}
}


/* 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 {align-items: flex-start; position: relative; margin: 0; padding: 0 20px 20px 38px; list-style: none;}
#content .box #bestseller ol.list-grid li.item::before {position: absolute; top: 0; left: 0; font-size: 18px; width: 28px; height: 28px; font-weight: bold; border-radius: 50%; counter-increment: li; content: counter(li);}
#content .box #bestseller ol.list-grid li.item .image {margin-right: 10px;}

#content .box #bestseller ol.list-grid li.item .title {flex-grow: 1; flex-basis: 0;}
#content .box #bestseller ol.list-grid li.item .title h3 {margin: 0 0 0.5em 0; padding: 0; font-size: 90%;}

#content .box #bestseller ol.list-grid li.item .title .price {text-align: left; font-size: 80%;}
#content .box #bestseller ol.list-grid li.item .title .price .price-big {font-size: 140%;}
#content .box #bestseller ol.list-grid li.item .title .price .ico.shipping {display: block; font-weight: bold; margin-top: 0.5em;}
#content .box #bestseller ol.list-grid li.item .title .price .ico.shipping::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.icon::before {display: block; 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; width: 100%; margin: 0 auto 15px auto; font-size: 36px; line-height: 0.5;}


/* .box short-description */
#content .box.short-description-wrapper .short-description .article {padding: 20px; text-align: center;}
#content .box.short-description-wrapper .short-description .article h2 {font-size: 140%;}
#content .box.short-description-wrapper .short-description .article h3 {font-size: 120%; margin: 0 0 1.5em 0;}
#content .box.short-description-wrapper .short-description .article p {font-size: 110%; font-weight: bold; margin: 0.7em 0;}
#content .box.short-description-wrapper .short-description .article ul li {font-size: 105%;}

@media screen and (min-width: 1360px) {
  #content .box.short-description-wrapper .short-description .article ul.check {display: flex; flex-direction: row; flex-wrap: wrap; gap: 1em;}
  #content .box.short-description-wrapper .short-description .article ul.check li {width: calc(1/2*100% - (1 - 1/2)*1em);}
}


/* box carousel */
#content .box.carousel  {position: relative; text-align: center;}
#content .box.carousel .item  {line-height: 100px; margin: 0 4px;}
#content .box.carousel .item img  {max-height: 100px; vertical-align: middle;}

@media screen and (min-width: 768px) {
  #content .box.carousel {padding-top: 60px;}
}



/* box-filter */
.box-filter li {margin: 0 0 0.5em 0;}
.box-filter li h3 {font-size: 16px; margin: 0 0 0.5em 0;}



/* ************************* perex ************************* */

/* articles / news */
.perex-grid {margin-bottom: 30px;}
.perex-grid .perex {width: 100%; border-width: 1px; border-style: solid;}

.perex-grid .perex .image {padding-bottom: 65%;}
.perex-grid .perex .image a.thumbnail .ico.video {position: absolute; margin: auto; z-index: 10;}
.perex-grid .perex .image a.thumbnail .ico.video::before {font-size: 80px; opacity: .8;}
.perex-grid .perex:hover .image a.thumbnail .ico.video::before {opacity: 1;}

.perex-grid .perex .perex-inner {padding: 20px;}
.perex-grid .perex .perex-inner h3 {font-size: 17px; line-height: 1.3; margin: 0 0 1em 0;}
.perex-grid .perex .perex-inner .information > span {display: inline-block; font-size: 13px;}
.perex-grid .perex .perex-inner .information .reading-time {margin-left: 0.5em; padding: 4px 10px;}
.perex-grid .perex .perex-inner .description {height: 5em; font-size: 15px; line-height: 1.3; margin: 0; overflow: hidden;}

/* article_video */
.perex-grid .perex .perex-inner.article_video {padding-bottom: 0;}
.perex-grid .perex .perex-inner.article_video h3 {margin-bottom: 0;}

/* owl-carousel helper */
.perex-grid.owl-carousel {margin: 0;}
.perex-grid.owl-carousel .owl-stage {display: flex; flex-direction: row; flex-wrap: nowrap;}
.perex-grid.owl-carousel .owl-stage .perex {width: 100%; height: 100%; margin: 0;}


@media screen and (min-width: 480px) {
  .perex-grid {display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px;}
  .perex-grid .perex .perex-inner h3 {height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

  .perex-grid .perex {width: calc(100% / 2 - 20px); margin: 0 0 20px 20px;}
  .perex-grid.owl-carousel .owl-item {width: calc(100% / 2);}
}

@media screen and (min-width: 980px) {
  .perex-grid .perex {width: calc(100% / 3 - 20px);}
  .perex-grid.owl-carousel .owl-item {width: calc(100% / 3);}
}

@media screen and (min-width: 1360px) {
  .perex-grid .perex {width: calc(100% / 4 - 20px);}
  .perex-grid.owl-carousel .owl-item {width: calc(100% / 4);}
}






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

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


/* article */
#content .article {margin-bottom: 2em;}


.article {font-size: 16px; line-height: 1.4; text-align: left;}
.article hr {clear: both; display: block; margin: 0 0 2em 0; padding: 0; height: 1em; border-width: 0 0 1px 0; border-bottom-style: solid;}
.article .date {font-size: 90%; text-align: right;}
.article table {max-width: 100%!important; margin: 0 0 2em 0!important;}

@media screen and (min-width: 1360px) {
  .article .aligncenter {max-width: 60%; max-height: 60%;}
}


/* blockquote */
.article blockquote {margin: 0 0 1em 0;}

blockquote {position: relative; text-align: left; font-size: 120%; 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: "\201C"; font-size: 60px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}
blockquote cite {display: block; font-size: 75%; font-style: normal; margin-top: 0.8em;}
blockquote cite::before {content: "\2014 \2009";}



/* share buttons */
.share-buttons {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.share-buttons > * {margin-left: 10px;}

@media screen and (max-width: 767px) {
  .share-buttons {margin-bottom: 2em;}
}



/* ************************* price ************************* */

/* price color/bold */
.price {font-size: 16px; white-space: nowrap;}

.price-new,
.price-normal,
.price-big {font-weight: bold;}

.price-old {text-decoration: line-through;}

.price-old-savings {display: flex; align-items: center; margin: 0 0 0.5em 0;}
.price-old-savings .price-old {margin-right: 0.5em;}




/* ************************* statuses ************************* */

/* sticker */

.sticker {display: inline-block; font-size: 11px; font-weight: bold; line-height: 1; padding: 4px 6px; text-transform: uppercase;}
.sticker::before {font-size: inherit;}


/* sticker circle */
.sticker.circle {display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; width: 48px; height: 48px; font-size: 16px; font-size: 14px; text-transform: uppercase; border-radius: 50%; white-space: nowrap; overflow: hidden;}
.sticker.circle.right-bottom {right: 0; bottom: 0;}


/* sticker-wrapper */
ul.sticker-wrapper {position: absolute; left: 0; top: 10px; z-index: 10;}
ul.sticker-wrapper li {margin: 0 0 2px 0;}


/* product detail */
.product-detail #image-main.image ul.sticker-wrapper {top: 20px;}
.product-detail #image-main.image ul.sticker-wrapper li .sticker {font-size: 13px;}






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

/* .list-grid */
.list-grid .item {width: 100%; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; overflow: hidden;}
.list-grid .item h3 {margin: 0; padding: 10px; font-size: 15px; text-align: left; line-height: 1.4;}
.list-grid .item h3 a {display: block;}

@media screen and (min-width: 320px) {
  .list-grid .item {flex-wrap: nowrap;}
}


@media screen and (min-width: 768px) {
  .list-grid {gap: 10px;}
  .list-grid .item {width: calc(1/2*100% - (1 - 1/2)*10px); margin: 0;}
  .list-grid .item h3 {max-height: 3.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
}

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



/* category */
.list-grid.category .item.image {border-width: 1px; border-style: solid;}
.list-grid.category .item.image > a.thumbnail {width: 75px; min-width: 75px; height: 60px; overflow: hidden;}


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


/* category-info */
@media screen and (min-width: 768px) {
  .box.category-info > .box-content > img.thumbnail {max-width: 300px; max-height: 300px;}
}


#mfilter-content-container {margin-bottom: 2em;}






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

.product-filter .product-filter-inner .flex-left,
.product-filter .product-filter-inner .flex-right {margin-bottom: calc(30px - 0.5em);}

/* menu-sort-order */
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order {padding-bottom: 0.5em;}
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li {margin: 0; padding: 0; border: 0;}
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li > a {display: block; padding: 9px 15px; white-space: nowrap;}
.product-filter .product-filter-inner ul.link-horizontal.menu-sort-order > li + li {margin-left: 0.5em;}

/* display */
.product-filter .product-filter-inner .display {white-space: nowrap; padding-bottom: 0.5em;}
.product-filter .product-filter-inner .display > button + button {margin-left: 5px;}
.product-filter .product-filter-inner .display > button::before {font-size: 18px;}

/* filter-input */
.product-filter .product-filter-inner .filter-input {padding: 0;}
.product-filter .product-filter-inner .filter-input label {margin: 0 1em 1em 0; font-weight: bold;}

@media screen and (max-width: 767px) {
  .product-filter-inner:first-child {position: relative;}

  .product-filter .product-filter-inner .flex-left label select {margin-top: 0.5em;}
  .product-filter .product-filter-inner .flex-right {display: block; width: 100%; text-align: center;}

  .product-filter .product-filter-inner .display > button::before {font-size: 26px;}
  .product-filter .product-filter-inner .display > button + button {margin-left: 16px;}
}

@media screen and (min-width: 768px) {
  .product-filter .product-filter-inner .flex-right {display: flex; align-items: center; text-align: right;}
}

@media screen and (min-width: 380px) {
  .product-filter .product-filter-inner .flex-left {margin-right: 10px;}
  .product-filter .product-filter-inner ul.link-horizontal.menu-sort-order {flex-grow: 1;}
}

@media screen and (min-width: 380px) and (max-width: 1199px) {
  .product-filter .product-filter-inner .filter-input label {width: calc(50% - 1em);}
}


/* ************************* product list/grid ************************* */

/* product list/grid */
.product-list .product,
.product-grid .product {width: 100%; margin: 0; padding: 10px; border-style: solid; overflow: hidden;}

.product-list .product .product-inner h3,
.product-grid .product .product-inner h3 {font-size: 15px; font-weight: 600; line-height: 1.4; margin: 1em 0 0.5em 0;}

.product-list .product .product-inner .link-horizontal.product-status,
.product-grid .product .product-inner .link-horizontal.product-status {margin: 0 0 0.5em 0;}

.product-list .product .product-inner .link-horizontal.product-status > span,
.product-grid .product .product-inner .link-horizontal.product-status > span {font-weight: 500; font-size: 15px; margin-bottom: 0.5em;}

.product-list .product .product-cart,
.product-grid .product .product-cart {display: flex; align-items: flex-end; position: relative; width: 100%; min-width: 100%;}

.product-list .product .product-cart .price,
.product-grid .product .product-cart .price {font-size: 18px; line-height: 1.4;}

.product-list .product .product-cart .price > span,
.product-grid .product .product-cart .price > span {display: block; margin: 0 0 0.3em 0;}

.product-list .product .product-cart .price > .price-old,
.product-grid .product .product-cart .price > .price-old {font-size: 80%;}



/* list/grid-view-hide */
.product-list .product .list-view-hide,
.product-grid .product .grid-view-hide {display: none!important;}

@media screen and (max-width: 479px) {
  .product-list .product .product-cart,
  .product-grid .product .product-cart {justify-content: center; flex-wrap: wrap;}

  .product-list .product .product-cart .price,
  .product-grid .product .product-cart .price {width: 100%; min-width: 100%; margin-bottom: 1em; text-align: center;}

  .product-list .product .product-cart .button-cart,
  .product-grid .product .product-cart .button-cart {margin: 0 auto; width: 100%;}
}



/* product-list */
.product-list .product {border-width: 0 1px 1px 1px;}
.product-list .product:first-child {border-top-width: 1px;}

.product-list .product .product-inner h3 {font-size: 120%;}

.product-list .product .product-inner .short-description {font-size: 80%; margin-top: 2em; background: none; border: 0;}
.product-list .product .product-inner .short-description blockquote {padding: 0 1em 0 2.5em;}
.product-list .product .product-inner .short-description blockquote::before {font-size: 50px;}

.product-list .product .product-cart {flex-wrap: wrap;}
.product-list .product .product-cart .price > span.price-tax {font-size: 70%; margin: 0.5em 0 0 0;}

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

@media screen and (min-width: 480px) and (max-width: 1023px) {
  .product-list .product .product-cart .price {margin-right: auto; padding-right: 1em; text-align: left;}
  .product-list .product .product-cart .button-cart {margin-left: auto; width: 180px;}
}

@media screen and (min-width: 1024px) {
  .product-list .product {display: flex; flex-direction: row; flex-wrap: nowrap;}
  .product-list .product .image {width: 200px; min-width: 200px; margin: 0 15px 10px 0;}
  .product-list .product .product-inner {flex-grow: 1; padding-right: 1em;}
  .product-list .product .product-inner .description {margin-bottom: 0.5em;}

  .product-list .product .product-cart {width: 80px; min-width: 180px; flex-direction: column;}
  .product-list .product .product-cart .price {text-align: right; margin-bottom: 2em;}
  .product-list .product .product-cart .button-cart {width: 100%; min-width: 100%;}
}



/* product-grid */
.product-grid .product {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; border-width: 0 1px 1px 0;}
.product-grid .product .product-inner {text-align: center; }

.product-grid .product .product-inner h3 {height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.product-grid .product .product-inner h3 a {display: block;}

.product-grid .product .product-cart {align-self: flex-start; align-items: flex-end; margin-top: auto;}

.product-grid .product .product-cart .price > span.price-normal,
.product-grid .product .product-cart .price > span.price-new {margin: 0;}

.product-grid .product .product-cart .button-cart span {display: block;}

@media screen and (max-width: 319px) {
  .product-grid .product:first-of-type {border-top-width: 1px;}
  .product-grid .product {border-width: 0 1px 1px 1px;}
}

@media screen and (min-width: 320px) {
  .product-grid {display: flex; flex-direction: row; flex-wrap: wrap;}
  .product-grid .product .product-cart {min-height: 46px;}
  .product-grid .product .product-cart .price {height: 46px; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end;}
}

@media screen and (min-width: 480px) {
  .product-grid .product .product-cart {margin-left: auto; overflow: hidden; }
  .product-grid .product .product-cart .price {text-align: left; margin-right: auto;}

   /* button product-grid */
  .product-grid .product .product-cart .button-cart {padding: 6px;}
  .product-grid .product .product-cart .button-cart span {display: none;}
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  /* button product-grid */
  .product-grid .product .product-cart .button-cart span {font-size: 90%;}

}
@media screen and (min-width: 320px) and (max-width: 979px) {
  .product-grid .product {width: calc(100% / 2);}

  .product-grid .product:nth-child(2n+1) {border-left-width: 1px;}
  .product-grid .product:nth-child(-n+2) {border-top-width: 1px;}
}

@media screen and (min-width: 980px) and (max-width: 1359px) {
  .product-grid .product {width: calc(100% / 3);}

  .product-grid .product:nth-child(3n+1) {border-left-width: 1px;}
  .product-grid .product:nth-child(-n+3) {border-top-width: 1px;}
}

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

  #content:not(.fullwidth) .product-grid .product:nth-child(4n+1) {border-left-width: 1px;}
  #content:not(.fullwidth) .product-grid .product:nth-child(-n+4) {border-top-width: 1px;}

  #content.fullwidth .product-grid .product:nth-child(5n+1) {border-left-width: 1px;}
  #content.fullwidth .product-grid .product:nth-child(-n+5) {border-top-width: 1px;}
}


/* product list/grid spinner  */
.product-list .product .product-cart.spinner-cart-wrapper .spinner-cart,
.product-grid .product .product-cart.spinner-cart-wrapper .spinner-cart {display: flex; flex-direction: row; flex-wrap: nowrap;}

.product-list .product .product-cart.spinner-cart-wrapper .spinner-cart .spinner {margin-bottom: 1em;}

@media screen and (max-width: 479px) {
  .product-grid .product .product-cart.spinner-cart-wrapper .spinner-cart .spinner {margin-bottom: 1em;}
}

@media screen and (min-width: 480px) {
  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart .button-cart,
  .product-grid .product .product-cart.spinner-cart-wrapper .spinner-cart .button-cart {margin-left: 10px!important;}
}

@media screen and (min-width: 768px) {
  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart .spinner,
  .product-grid .product .product-cart.spinner-cart-wrapper .spinner-cart .spinner {width: 70px; max-width: 70px; height: 41px; max-height: 41px;}
}

@media screen and (max-width: 768px) {
  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart,
  .product-grid .product .product-cart.spinner-cart-wrapper .spinner-cart {justify-content: center;  width: 100%; min-width: 100%; flex-wrap: wrap;}

  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart .button-cart {margin: 0;}
  .product-list .product .product-cart.spinner-cart-wrapper .price {flex-grow: 1; margin-bottom: 1em;}

  .product-grid .product .product-cart.spinner-cart-wrapper {flex-wrap: wrap;}
  .product-grid .product .product-cart.spinner-cart-wrapper .price {text-align: center; width: 100%; min-width: 100%; margin-bottom: 0.5em;}
}

@media screen and (max-width: 1023px) {
  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart .button-cart  {height: 100%;}
}

@media screen and (min-width: 1024px) {
  .product-list .product .product-cart.spinner-cart-wrapper .spinner-cart {display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-end;}
}


 /* product-grid owl-carousel */
.product-grid.owl-carousel {margin: 0;}
.product-grid.owl-carousel .owl-item .product {border-width: 1px 1px 1px 0!important;}
.product-grid.owl-carousel .owl-item:first-child .product {border-left-width: 1px!important;}

 /* product-grid owl-carousel (tab-product-grid two row) */
.tab-product-grid .product-grid.owl-carousel .owl-item .item .product {border-width: 0 1px 1px 0!important;}
.tab-product-grid .product-grid.owl-carousel .owl-item .item .product:first-child {border-top-width: 1px!important;}
.tab-product-grid .product-grid.owl-carousel .owl-item:first-child .item .product {border-left-width: 1px!important;}
.tab-product-grid .product-grid.owl-carousel .owl-item .item .product:last-child {border-bottom-width: 1px!important;}



/* box-shadow */
@media screen and (min-width: 480px) {
  #category-products .product-grid .product:hover,
  #category-products .product-list .product:hover {position: relative; box-shadow: 0 0 10px rgba(0,0,0,.1);}
}




/* product list/grid shared */

/* hover icons */
.product .image .icons {position: absolute; bottom: -1px; height: 0; width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; line-height: 1; background: rgba(255,255,255,.75); opacity: 0; overflow: hidden; z-index: 20; transition: all .3s ease-out;}
.product:hover .image .icons {height: 40px; opacity: 1;}
.product .image .icons button {text-align: center; width: 30px; height: 30px; margin: 0 3px; border: 0;}






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

/* product-detail */
.product-detail h2 {font-size: 160%; margin: 0 0 1em 0;}
.product-detail.flex-col-product > .col {overflow: hidden;}

/* product-detail flex-col */
@media screen and (min-width: 1024px) {
  .product-detail.flex-col-product {display: flex; flex-direction: row; flex-wrap: nowrap;}
  .product-detail.flex-col-product > .col.left {margin-right: 30px;}
}

@media screen and (min-width: 1024px) and (max-width: 1359px) {
  .product-detail.flex-col-product > .col {width: calc(1/2*100% - (1 - 1/2)*30px);}
}

@media screen and (min-width: 1360px) {
  .product-detail.flex-col-product > .col.left {width: 500px; min-width: 500px;}
  .product-detail.flex-col-product > .col.right {flex-grow: 1; flex-basis: 0;}
}


/* product-detail left */

/* image main */
.product-detail #image-main.image {margin-bottom: 10px;}
.product-detail #image-main.image > .thumbnail {border: 0;}


/* image additional */
.product-detail .images {width: 100%; height: 66px; overflow: hidden;}
.product-detail .images .thumbnail {border-width: 1px; border-style: solid; border-color: transparent; overflow: hidden;}

/* responsive image carousel */
@media screen and (max-width: 767px) {
  /* image-main carousel img fix */
  .product-detail #image-main.image > .owl-carousel .thumbnail {position: relative;}
  .product-detail #image-main.image > .owl-carousel .thumbnail > img {margin: auto;}

  .product-detail #image-additional.images {display: none;}

  .product-detail #image-additional-responsive.images {height: 50px;}
  .product-detail #image-additional-responsive.images .thumbnail img {border-width: 2px; border-style: solid;}
}

@media screen and (min-width: 768px) {
  .product-detail #image-additional-responsive.images {display: none;}
}




/* product-detail right */

/* description */
.product-detail .description {line-height: 1.5;}

.product-detail .description .link-horizontal.menu-link > *,
.product-detail .description p {margin-bottom: 0.5em;}

.product-detail .description p a {font-weight: bold;}
.product-detail .description p.bigger small {font-size: 80%;}
.product-detail .description p.bigger small + strong > span {text-transform: lowercase;}

/* bigger */
.product-detail  p.bigger {font-size: 130%; margin-bottom: 1em;}

.product-detail .big-text {font-size: 125%;}

.product-detail .double-line {margin-bottom: 2em;}


/* .button-big */
.product-detail .button-big {clear: both; display: block; font-weight: bold; font-size: 110%; text-align: center; padding: 10px 12px; border-width: 1px; border-style: solid; text-decoration: none!important;}


/* block wrap */
.block-wrap.transparent {padding: 0; border: 0; background: none;}
.block-wrap.transparent .link-horizontal.menu-link {margin: 0;}



/* options */
.product-detail .options h2 {font-size: 130%;}
.product-detail .options .option-group {width: 100%; margin: 0; padding: 0; font-size: 90%;}
.product-detail .options .option-group ul li {margin: 0 0 1em 0; overflow: hidden;}

@media screen and (min-width: 480px) and (max-width: 1023px), (min-width: 1360px) {
  .product-detail .options .options-wrapper {display: flex; flex-direction: row; justify-content: space-between; gap: 0 0.5em; flex-wrap: wrap;}
  .product-detail .options .options-wrapper .option-group {flex: 0 0 calc(50% - 0.5em);}
}

/* option */
.product-detail .options .option-group h3 {font-size: 110%;}
.product-detail .options .option-group h3 span.required {margin-left: 0.1em;}
.product-detail .options .option-group label {flex-wrap: nowrap;}

/* select */
.product-detail .options .option-group select {width: 100%;}

/* option radio-image */
.product-detail .options .option-group.radio-image .title-option {margin-bottom: 1em;}
.product-detail .options .option-group.radio-image .title-option h3 {display: inline; margin-right: 0.5em;}

.product-detail .options .option-group.radio-image ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.product-detail .options .option-group.radio-image ul li {margin: 0 5px 5px 0; padding: 0;}

/* option textarea */
.product-detail .options .option-group.textarea {flex: 1 0 100%!important; padding: 10px; border-width: 1px; border-style: solid;}
.product-detail .options .option-group.textarea textarea {height: 6.5em;}
.product-detail .options .option-group.textarea .info-block {margin: 1em 0!important;}


/* option image (option-select) */
.product-detail .options .option-group.image .option-select {position: relative; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; padding: 5px; width: 100%; text-decoration: none; border-width: 1px; border-style: solid;}

.product-detail .options .option-group.image .option-select .thumbnail {width: 38px; min-width: 38px; height: 38px; margin-right: 10px;}
.product-detail .options .option-group.image .option-select .thumbnail img {border: 0;}

.product-detail .options .option-group.image .option-select .text {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; flex-grow: 1;}
.product-detail .options .option-group.image .option-select .text .text-title {flex-grow: 1; padding-right: 0.5em;}
.product-detail .options .option-group.image .option-select .text .text-title h3 {font-size: 14px; margin: 0 0 0.2em 0;}
.product-detail .options .option-group.image .option-select .text .text-title span.label > .option-name {font-weight: bold;}
.product-detail .options .option-group.image .option-select .text .text-title span.label > .option-value {font-size: 85%;}

.product-detail .options .option-group.image .option-select .text strong {margin-left: auto; font-size: 13px; padding: 0.5em 0.8em; border-radius: 4px;}

@media screen and (max-width: 319px) {
  .product-detail .options .option-group.image .option-select .text {padding-bottom: 0.5em;}
  .product-detail .options .option-group.image .option-select .text .text-title {margin-bottom: 0.5em;}
}

@media screen and (min-width: 320px) {
  .product-detail .options .option-group.image .option-select .text {flex-wrap: nowrap;}
}


/* option image (fancybox popup) */
.option-popup {width: 100%; padding: 20px!important;}
.option-popup h3 {font-size: 140%; text-align: center;}
.option-popup .gallery-wrapper {overflow: hidden;}

.option-popup .gallery {margin-bottom: 2em;}
.option-popup .gallery label.gallery-item .image.absolute {width: 100%; padding-bottom: 100%;}
.option-popup .gallery label.gallery-item .image.absolute .thumbnail {border-width: 2px; border-style: solid; outline: 10px solid #ccc; outline-offset: -2px;}

.option-popup .gallery label.gallery-item:hover .image.absolute .thumbnail,
.option-popup .gallery label.gallery-item.checked .image.absolute .thumbnail {outline: 0;}

.option-popup .gallery label.gallery-item .image.absolute .thumbnail > .check::before {display: none; position: absolute; bottom: 0; right: 0; width: auto; height: auto; font-size: 18px; z-index: 21;}
.option-popup .gallery label.gallery-item.checked .image.absolute .thumbnail > .check::before {display: block;}
.option-popup .gallery label.gallery-item.checked .image.absolute .thumbnail > .check::after {position: absolute; right: 0; bottom: 0; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 30px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; z-index: 20;}

.option-popup .gallery label.gallery-item span.label {display: block; text-align: center; margin: 0; padding-top: 5px; line-height: 1.3;}

/* image_popup */
.option-popup .gallery.image_popup label.gallery-item .image-popup {margin-bottom: 0.5em; flex-grow: 1;}
.option-popup .gallery.image_popup label.gallery-item .image-popup .thumbnail > .icon.info {position: absolute; top: 5px; left: 5px; z-index: 2;}
.option-popup .gallery.image_popup label.gallery-item .image-popup .thumbnail > .icon.info::before {font-size: 18px; font-weight: 900;}
.option-popup .gallery.image_popup label.gallery-item button.button.smaller {font-size: 12px; margin-top: auto; padding: 10px;}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .option-popup .gallery label.gallery-item {width: calc(1/3*100% - (1 - 1/3)*1em);}
}

@media screen and (min-width: 480px) {
  .option-popup {width: 90%;}
}

@media screen and (min-width: 580px) {
  .option-popup .gallery:not(.image_popup) label.gallery-item {width: calc(1/5*100% - (1 - 1/5)*1em);}
}

@media screen and (min-width: 768px) {
  .option-popup {width: 80%;}
  .option-popup .gallery:not(.image_popup) label.gallery-item {width: calc(1/6*100% - (1 - 1/6)*1em);}
}

@media screen and (min-width: 980px) {
  .option-popup .gallery:not(.image_popup) label.gallery-item {width: calc(1/7*100% - (1 - 1/7)*1em);}
}

@media screen and (min-width: 1200px) {
  .option-popup {width: 960px; min-width: 960px;}
  .option-popup .gallery:not(.image_popup) label.gallery-item {width: calc(1/8*100% - (1 - 1/8)*1em);}
}


/* shared */
span.label {font-size: 13px;}
span.label > .option-value {font-size: 90%;}

span.label > .option-value > span.option-price,
span.label > .option-value > span.option-quantity > span {white-space: nowrap;}
span.label > .option-value > span.option-quantity {text-transform: lowercase;}

/* option image + mfilter-image */
ul li label.thumbnail {display: block!important; position: relative; width: 38px!important; height: 38px!important; border-radius: 50%; overflow: hidden; background-repeat: no-repeat!important; background-position: center center!important; background-size: cover!important; border-width: 1px; border-style: solid;}
ul li label.thumbnail.checked::after {font-size: 18px; text-shadow: 0 2px rgba(0,0,0,.5);}




/* product cart */
.product-detail .product-cart .info-block {width: 100%; min-width: 100%; margin-bottom: 1em;}

/* left */
.product-detail .product-cart .left .price .price-small {font-size: 90%; margin-bottom: 0.5em;}
.product-detail .product-cart .left .price .price-big {font-size: 175%; margin-bottom: 0.5em;}

.product-detail .product-cart .left .price p {margin: 0 0 0.4em 0;}
.product-detail .product-cart .left .price p.discount {margin: 1em 0; line-height: 1.3;}

/* right */
.product-detail .product-cart .right .link-horizontal.menu-link {margin-bottom: 0;}
.product-detail .product-cart .right .link-horizontal.menu-link > a {margin-top: 0.5em; margin-bottom: 0;}
.product-detail .product-cart .right .cart-wrapper {margin-bottom: 1em;}
.product-detail .product-cart .right .minimum {padding-top: 5px; font-size: 90%;}

@media screen and (max-width: 479px) {
  .product-detail .product-cart .right .cart-wrapper .spinner,
  .product-detail .product-cart .right .cart-wrapper .button-cart {margin-bottom: 1.5em;}
  .product-detail .product-cart .right .cart-wrapper .button-cart {width: 100%; min-width: 100%; padding: 1em 0;}
}

@media screen and (max-width: 479px), (min-width: 1024px) and (max-width: 1359px) {
  .product-detail .product-cart .right .link-horizontal.menu-link > button {margin: auto;}
}

@media screen and (min-width: 480px) {
  .product-detail .product-cart .right .cart-wrapper {display: flex; flex-direction: row; justify-content: center; flex-wrap: nowrap; min-width: 100%;}
  .product-detail .product-cart .right .cart-wrapper .button-cart {margin-left: 0.5em;}
}

@media screen and (max-width: 479px), (min-width: 1024px) {
  .product-detail .product-cart .right .link-horizontal.menu-link > button {display: block; margin-bottom: 0.5em; padding: 0; border: 0;}
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
  .product-detail .product-cart .right {display: flex; flex-direction: column; align-items: center; margin: 0 auto;}
  .product-detail .product-cart .right .link-horizontal.menu-link > button {margin-bottom: 0;}
}

/* pod sebou */
@media screen and (max-width: 679px), (min-width: 768px) and (max-width: 939px), (min-width: 1024px) and (max-width: 1359px) {
  .product-detail .product-cart .left {margin-bottom: 2em;}

  .product-detail .product-cart .left,
  .product-detail .product-cart .right {min-width: 100%;}
}

/* vedle sebe */
@media screen and (min-width: 680px) and (max-width: 767px), (min-width: 940px) and (max-width: 1023px), (min-width: 1360px) {
  .product-detail .product-cart {display: flex; flex-direction: row; flex-wrap: wrap;}
  .product-detail .product-cart .left .price {padding-right: 0.5em;}

  .product-detail .product-cart .left,
  .product-detail .product-cart .right {flex: 1 0 auto;}
}

@media screen and (min-width: 1360px) {
  .product-detail .product-cart .left,
  .product-detail .product-cart .right {flex-grow: 1; flex-basis: 0;}

  /* fix width */
  #button-cart.cart-preorder {min-width: 180px;}
}


/* price-special-countdown */
.product-detail .product-cart .price-special-countdown {width: 100%; min-width: 100%; text-align: center; padding-top: 1em;}

@media screen and (max-width: 419px) {
  .product-detail .product-cart .price-special-countdown span {display: block; margin-top: 0.5em;}
}


/* product gallery */
@media screen and (min-width: 768px) {
  .product-detail .product-content.flex-col.col2 .gallery .gallery-item {width: calc(1/3*100% - (1 - 1/3)*1em);}
}

/* prevnext-product */
.prevnext-product.flex-col a.col {position: relative; display: flex; flex-wrap: wrap; align-items: center;}
.prevnext-product.flex-col a.col span {font-weight: bold; font-size: 95%; white-space: normal!important; line-height: 1.4;}
.prevnext-product.flex-col a.col .thumbnail {width: 100px; min-width: 100px; height: 100px; min-height: 100px; margin: 10px;}
.prevnext-product.flex-col a.col .thumbnail img {max-width: 100px; max-height: 100px;}

.prevnext-product.flex-col a.col.prev-product {justify-content: flex-start; text-align: left; padding-left: 20px;}
.prevnext-product.flex-col a.col.next-product {justify-content: flex-end; text-align: right; padding-right: 20px;}

.prevnext-product.flex-col a.col.prev-product::before,
.prevnext-product.flex-col a.col.next-product::after {position: absolute;}

.prevnext-product.flex-col a.col.prev-product::before {left: 0;}
.prevnext-product.flex-col a.col.next-product::after {right: 0;}

@media screen and (min-width: 480px) {
  .prevnext-product.flex-col a.col.prev-product {margin-right: auto;}
  .prevnext-product.flex-col a.col.next-product {margin-left: auto;}
  .prevnext-product.flex-col a.col span {max-height: 3.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
  .prevnext-product.flex-col {display: flex; flex-direction: row; flex-wrap: nowrap; gap: 30px;}
  .prevnext-product.flex-col a.col {width: calc(1/2*100% - (1 - 1/2)*30px);}
}

@media screen and (max-width: 767px) {
  .prevnext-product.flex-col a.col .thumbnail {order: 2;}
  .prevnext-product.flex-col a.col span {width: 100%; min-width: 100%; order: 3;}
}

@media screen and (min-width: 768px) {
  .prevnext-product.flex-col a.col {flex-wrap: nowrap;}
}



/* cart-popup */
#product-cart-popup .cart-wrapper {display: flex; align-items: center; flex-wrap: nowrap; }
#product-cart-popup .cart-wrapper .price {font-size: 150%; margin-right: 1em;}


/* shared */
.product-detail .description {margin-bottom: 40px;}

.product-detail .block-wrap,
.product-detail .options,
.product-detail .options .option-group {margin-bottom: 20px;}



/* ************************* product quickview ************************* */

#content.quick-view {width: 100%!important; min-height: 0; padding: 15px; background-image: none!important; overflow: hidden;}
#content.quick-view .product-detail {margin-bottom: 0!important;}

/* options */
#content.quick-view.options-modal .product-detail .options .options-wrapper {width: 100%; margin: 0; padding: 0;}
#content.quick-view.options-modal .product-detail .options .options-wrapper .option-group {width: 100%;}

@media screen and (min-width: 768px) and (max-width: 1359px) {
  #content.quick-view .product-detail.flex-col-product > .col {width: calc(1/2*100% - (1 - 1/2)*30px);}
}

@media screen and (min-width: 768px) {
  #content.quick-view .product-detail.flex-col-product {display: flex; flex-direction: row; flex-wrap: nowrap;}
  #content.quick-view .product-detail.flex-col-product > .col.left {margin-right: 30px;}

  #content.quick-view.options-modal .product-detail .options .options-wrapper {display: flex; flex-direction: row; justify-content: space-between; gap: 0 0.5em; flex-wrap: wrap;}
  #content.quick-view.options-modal .product-detail .options .options-wrapper .option-group:not(.textarea) {flex: 0 0 calc(50% - 0.5em);}

  #content.quick-view.options-modal .product-detail .product-cart {display: flex; flex-direction: row; flex-wrap: wrap;}
  #content.quick-view.options-modal .product-detail .product-cart .left {flex-grow: 1; margin-right: auto; padding-right: 0.5em;}
  #content.quick-view.options-modal .product-detail .product-cart .right {margin-left: auto;}
}

@media screen and (min-width: 1152px) {
  #content.quick-view.options-modal .product-detail .options .options-wrapper {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
  #content.quick-view.options-modal .product-detail .options .options-wrapper .option-group:not(.textarea) {flex: 0 0 calc(100% / 3 - 0.5em);}
}








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

/* list-grid */
.list-grid .image > .thumbnail {width: 90px; min-width: 90px; height: 60px;}


/* compare-info */
table.list.compare-info .image > .thumbnail {width: 100%; height: 90px;}


/* product list/grid/detail */
.thumbnail > img {max-width: 100%; max-height: 100%; object-position: center center; object-fit: contain;}

/* subcategory / homepage category + image-additional carousel */
.thumbnail.cover > img,
.images .thumbnail > img {min-width: 100%; min-height: 100%; object-position: center center; object-fit: cover;}


/* product-grid/list / category */
.product .image a.thumbnail > img,
.perex .image a.thumbnail > img,
.gallery a.thumbnail > img,
#categories .category-grid .category .image > a.thumbnail > img {transition: all .4s ease-in-out;}

.product .image a.thumbnail:hover > img,
.perex .image a.thumbnail:hover > img,
.gallery a.thumbnail:hover > img,
#categories .category-grid .category .image > a.thumbnail:hover > img {transform: scale(1.1);}


.product-list .product .image > a.thumbnail,
.product-grid .product .image > a.thumbnail {height: 180px;}



/* category homepage */
@media screen and (min-width: 1360px) {
  #categories .category-grid .category .image.absolute {height: 197px; padding: 0;}
}


/* product-list */
@media screen and (min-width: 768px) {
  .product-list .product .image > a.thumbnail {height: 177px;}
}


/* product-grid */
@media screen and (min-width: 320px) {
  .product-grid .product .image > a.thumbnail {height: 120px;}
}


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


/* product detail image main (500 x 354px) */
@media screen and (min-width: 540px) and (max-width: 767px), (min-width: 1360px) {
  .product-detail #image-main.image,
  .product-detail #image-main.image > .owl-carousel .thumbnail {width: 100%; height: 354px;}
}


@media screen and (min-width: 768px) and (max-width: 1359px), (max-width: 539px) {
  .product-detail #image-main.image,
  .product-detail #image-main.image > .owl-carousel .thumbnail {height: 0; padding-bottom: 70%;}

  /* image-main carousel img fix */
  .product-detail #image-main.image > .owl-carousel .thumbnail > img {position: absolute; inset: 0;}
}


/* .product-detail #image-main.image .thumbnail img {width: auto; height: 100%;} */


/* product detail image-additional */
.product-detail .images .thumbnail {height: 65px;}
.product-detail #image-additional-responsive.images .thumbnail {height: 50px;}

/* product list/grid/detail image */
.product .image,
.image.absolute {position: relative;}

.image.absolute,
.thumbnail {overflow: hidden;}

.thumbnail img {border: 0;}


/* image absolute */
.image.absolute {height: 0;}


/* product-grid/list thumbnail swap image crossfade */
.product .image .thumbnail.swap-image img:first-of-type {display: none;}

@media screen and (min-width: 768px) {
  .product .image .thumbnail.swap-image {position: relative;}
  .product .image .thumbnail.swap-image img:first-of-type {display: block; position: absolute; inset: 0; margin: auto; z-index: 1; opacity: 0;}
  .product .image .thumbnail.swap-image img:last-of-type {z-index: 2;}
  .product .image .thumbnail.swap-image:hover img:first-of-type {opacity: 1;}
  .product .image .thumbnail.swap-image:hover img:last-of-type {opacity: 0;}
}






/* ************************* account ************************* */

/* address-list */
.address-list {padding: 10px;}
.address-list + .address-list {margin-top: 15px;}
.address-list > h3 {padding-bottom: 0.3em; border-bottom: 1px solid #c9c9c9;}
.address-list > .address-wrapper > .btns .btn.delete {margin-left: 6px;}
.address-list > .address-wrapper > .btns {text-align: center; margin: 15px 0 0 0; white-space: nowrap}

@media screen and (min-width: 480px) {
  .address-list > .address-wrapper {display: flex; flex-direction: row; flex-wrap: wrap;}
  .address-list > .address-wrapper > .address {flex-grow: 1;}
  .address-list > .address-wrapper > .btns {margin: 0 0 0 auto; padding-left: 1em;}
}








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

/* order-step */
#order-step {margin: 30px 0;}
#order-step ul {position: relative;}
#order-step ul::before {position: absolute; content: "";}

#order-step ul li {position: relative;  text-align: center; margin-bottom: 2em;}
#order-step ul li > * {position: relative;  font-weight: bold; z-index: 10;}
#order-step ul li > *::before {display: block; font-size: 18px; margin: 0 auto 10px auto; line-height: 36px; width: 36px; height: 36px; border-radius: 50%;}
#order-step ul li span.icon::before {position: relative; z-index: 2;}

@media screen and (max-width: 479px) {
  #order-step ul::before {top: 0; bottom: 0; left: 50%; border-left-width: 3px; border-left-style: dotted;}
  #order-step ul li {padding-bottom: 0.5em;}
}

@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 {flex-grow: 1; flex-basis: 0; background: none; padding: 0 1em;}
  #order-step ul::before {top: 14px; left: 0; right: 0; border-bottom-width: 3px; border-bottom-style: dotted; }
  #order-step ul li.last::after {left: 50%; right: 0;}

  #order-step ul li.first::before,
  #order-step ul li.last::after {position: absolute; top: 0; bottom: 0; content: "";}

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

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






/* checkout/cart style */
#checkout-wrapper .info-block.table-form-wrap .flex-right .button.register {display: inline-block;}

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

#checkout-wrapper .icon.check {float: right;}

#checkout-wrapper .coupon  > div {display: flex; flex-direction: row; flex-wrap: nowrap;}
#checkout-wrapper .coupon  > div  input[type="text"] {flex-grow: 1; flex-basis: 0;}
#checkout-wrapper .coupon  > div .button {margin-left: 0.5em;}

#content .confirm h2 {padding: 0 0 0.5em 10px; border-bottom: 1px dotted #000;}
#content .confirm ul {margin: 0 0 30px 10px;}
#content .confirm ul li {margin: 0 0 0.5em 0;}

/* agree bottom */
@media screen and (min-width: 768px) {
  #checkout-wrapper .methods {display: flex; flex-direction: column;}
  #checkout-wrapper .methods .agree-wrapper {margin-top: auto;}
}

@media screen and (min-width: 1360px) {
  #content .confirm ul li {display: flex; flex-direction: row; flex-wrap: nowrap;}
  #content .confirm ul li strong {min-width: 5.5em; padding-right: 0.5em;}
  #content .confirm .col:last-child ul li strong {min-width: 8.5em;}
}


/* methods block */
.methods #och_dynamic_shipping.table-form-wrap,
.methods #och_dynamic_payment.table-form-wrap {padding: 0 0.5em;}

.methods .table-form-wrap .methods-block .info-block {margin: 0.5em 0 0 0;}

.methods-block .methods h3 {font-size: 120%; margin: 0 0 0.5em 0.5em;}
.methods-block .methods {padding: 0.5em 0; border-bottom-width: 1px; border-bottom-style: dotted;}
.methods-block .methods:last-child {margin-bottom: 0; border: 0;}

.methods-block .methods label {display: flex; flex-direction: column; align-items: center;  flex-wrap: wrap; margin: 0; padding: 1em; width: 100%;}
.methods-block .methods label::before {margin: auto 1em auto 0!important;}

.methods-block .methods label span.col-title {flex-grow: 1;}
.methods-block .methods label span.col-title > span {display: block;}
.methods-block .methods label span.col-title span.title {font-size: 110%; font-weight: 600;}
.methods-block .methods label span.col-title span.description {font-size: 90%; margin-top: 0.5em;}

.methods-block .methods label span.image {width: 90px; min-width: 90px; height: 34px;}
.methods-block .methods label span.image img {max-width: 90px; max-height: 34px; object-position: center center; object-fit: contain;}

.methods-block .methods label span.col-price {white-space: nowrap;}

/* branch */
.methods-block .methods label .branch-wrapper {margin-top: 1em;}
.methods-block .methods label .branch-wrapper .branch-text {display: block; font-size: 90%; margin-top: 1em;}
.methods-block .methods label .branch-wrapper .button {display: inline-block;}

@media screen and (max-width: 479px) {
  .methods-block .methods label span.image {display: none;}
}

@media screen and (max-width: 319px) {
  .methods-block .methods label span {width: 100%; text-align: center;}
  .methods-block .methods label span.col-price {margin-top: 0.5em;}
}

@media screen and (min-width: 320px) {
  .methods-block .methods label {flex-direction: row; flex-wrap: nowrap;}
  .methods-block .methods label::before {margin: 0 1em 0 0;}

  .methods-block .methods label span.col-title {padding-right: 0.5em;}
  .methods-block .methods label span.col-price {width: 15%; min-width: 15%; padding-left: 0.5em; text-align: right;}
}

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






/* ************************* table ************************* */

/* checkout-cart table */
table.checkout-cart {width: 100%; border: 0;}
#cart table.checkout-cart {margin-bottom: 0;}

/* thead */
@media screen and (min-width: 768px) {
  table.checkout-cart thead th {font-size: 90%; text-transform: uppercase;}
}

/* tbody */
table.checkout-cart tbody {border-width: 1px; border-style: solid;}
table.checkout-cart tbody td {vertical-align: middle; border-top-width: 1px; border-top-style: solid;}
table.checkout-cart tbody tr:first-child td {border-top-width: 0;}

table.checkout-cart tbody td.image {vertical-align: top;}
table.checkout-cart tbody td.image .thumbnail {height: 80px;}

table.checkout-cart tbody td.name {line-height: 1.4;}
table.checkout-cart tbody td.name h3 {font-size: 15px; font-weight: 600;}
table.checkout-cart tbody td.name p {font-size: 90%; margin-bottom: 0.3em;}
table.checkout-cart tbody td.name .small {margin-bottom: 0.5em;}

table.checkout-cart tbody td.name ul.small li {margin-left: 1em; list-style: disc;}

#cart table.checkout-cart tbody td.name ul.small li {line-height: 1.2;}
#cart table.checkout-cart tbody td.name ul.small li span.label {font-size: 11px;}

#cart table.checkout-cart tbody td.name h3 {font-size: 13px; max-height: 2.7em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
#cart table.checkout-cart tbody td.name h4,
#cart table.checkout-cart tbody td.name p {font-size: 12px;}

table.checkout-cart tbody td.quantity .spinner {position: relative; min-width: 100%;}
table.checkout-cart tbody td.quantity .spinner.loading-spinner > input {opacity: 40%;}

table.checkout-cart .price {min-width: 12%}

table.checkout-cart tbody td.price .price-old {font-size: 90%;}

table.checkout-cart tbody td.price small {font-size: 90%; white-space: normal!important;}

#cart table.checkout-cart tbody td.price {font-size: 15px;}

table.checkout-cart tbody td.remove {padding: 0!important;}
table.checkout-cart tbody td.remove a {width: 100%;}
table.checkout-cart tbody td.remove a.ico::before {font-size: 20px; width: 100%; height: 100%;}

#cart table.checkout-cart tbody td.remove {width: 40px; min-width: 40px;}
#cart table.checkout-cart tbody td.remove .ico {height: 60px;}


/* tfoot */
table.checkout-cart tfoot th,
table.checkout-cart tfoot td {padding: 0 0 1em 0;}

table.checkout-cart tfoot td {padding-left: 1em; padding-right: 20px;}

table.checkout-cart tfoot tr:first-child td,
table.checkout-cart tfoot tr:first-child th {padding-top: 2em;}

table.checkout-cart tfoot tr:last-child td,
table.checkout-cart tfoot tr:last-child th {font-size: 155%;}


#cart table.checkout-cart tfoot tr td {padding-right: 0.5em;}

#cart table.checkout-cart tfoot tr:last-child td,
#cart table.checkout-cart tfoot tr:last-child th {font-size: 130%;}


@media screen and (max-width: 767px) {
  table.checkout-cart thead {display: none;}

  table.checkout-cart tbody td.quantity .spinner {text-align: center;}

  table.checkout-cart tbody td.remove a.ico {padding: 15px 0;}

  table.checkout-cart,
  table.checkout-cart tbody,
  table.checkout-cart tbody tr,
  table.checkout-cart tbody tr td {display: block; width: 100%;}
}

@media screen and (max-width: 319px) {
  table.checkout-cart tbody td.image .thumbnail {margin: auto;}
  table.checkout-cart tbody tr td {text-align: center;}

  table.checkout-cart.halfwidth tbody td.cart,
  table.checkout-cart.halfwidth tbody td.cart button {width: 100%!important; min-width: 100%!important;}
}

/* checkout-cart.halfwidth */
@media screen and (min-width: 320px) and (max-width: 867px) {
  table.checkout-cart.halfwidth tbody tr {display: flex; flex-direction: row; flex-wrap: wrap;}

  table.checkout-cart.halfwidth td.name {width: calc(100% - 80px);}

  table.checkout-cart.halfwidth tbody tr td.stock,
  table.checkout-cart.halfwidth tbody tr td.price {display: flex; align-items: center;}

  table.checkout-cart.halfwidth tbody td.price .price-old {margin-right: 0.5em;}

  table.checkout-cart.halfwidth tbody td.cart button,
  table.checkout-cart.halfwidth tbody td.remove a.ico {width: 100%!important; height: 100%; text-align: center;}

  table.checkout-cart.halfwidth tbody td.stock,
  table.checkout-cart.halfwidth tbody td.price,
  table.checkout-cart.halfwidth tbody td.cart,
  table.checkout-cart.halfwidth tbody td.remove {width: 50%; min-width: 50%;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  table.checkout-cart tbody tr {display: flex; flex-direction: row; flex-wrap: wrap;}

  table.checkout-cart tbody td:not(.image):not(.name) {display: flex; align-items: center;}
  table.checkout-cart:not(.head) tbody td.name {width: calc(100% - 80px);}

  table.checkout-cart tbody td.price.total,
  table.checkout-cart tbody td.price {flex-grow: 1; flex-basis: 0;}

  table.checkout-cart tbody td.stock,
  table.checkout-cart tbody td.quantity {display: flex; justify-content: center; align-items: center;}
}

@media screen and (min-width: 320px) {
  table.checkout-cart tbody td.image {width: 80px; min-width: 80px; vertical-align: top;}
  table.checkout-cart tbody td.price {text-align: right;}

  table.checkout-cart tbody td.remove {width: 80px; min-width: 80px;}
}

@media screen and (min-width: 868px) {
   table.checkout-cart.halfwidth tbody td.cart {padding-left: 1em; width: 40px; min-width: 40px;}
}

@media screen and (min-width: 768px) {
  table.checkout-cart tbody td.quantity .spinner {width: 80px; height: 43px;}
  table.checkout-cart tbody td.quantity .spinner.loading-spinner::before {right: 24px;}

  table.checkout-cart tbody td.remove a.ico {height: 80px;}
}

@media screen and (min-width: 420px) and (max-width: 579px) {
  table.checkout-cart tbody td.quantity,
  table.checkout-cart tbody td.stock {width: 50%;}

  table.checkout-cart tbody td.stock,
  table.checkout-cart tbody td.quantity {justify-content: flex-start;}
}

@media screen and (min-width: 580px) {
  table.checkout-cart tbody td.quantity {text-align: right;}
}

@media screen and (min-width: 580px) and (max-width: 1359px) {
  table.checkout-cart tbody td.quantity {flex-grow: 1; flex-basis: 0;}
}

@media screen and (min-width: 1360px) {
  #content table.checkout-cart:not(.head) tbody,
  #content table.checkout-cart:not(.head) tfoot {display: block; width: 100%;}

  #content table.checkout-cart:not(.head) tbody td.name {min-width: 45%; width: 45%;}

  #content table.checkout-cart:not(.head) tbody tr,
  #content table.checkout-cart:not(.head) tfoot {display: table; width: 100%;}

  #content table.checkout-cart:not(.head) tbody tr {table-layout: fixed;}

  #content table.checkout-cart:not(.head) tbody {max-height: 80vh; overflow-x: auto; overflow-y: auto;}
}


/* list.compare-info */
table.list.compare-info th:not(.name) {min-width: 200px; text-align: right;}

table.list.compare-info tbody td,
table.list.compare-info thead th.compare-attribute {text-align: center;}

table.list.compare-info tfoot td.center .button-cart {padding: 4px 8px; margin: auto;}

table.list.compare-info thead td.name {text-align: left; font-weight: bold;}

table.list.compare-info td.description,
table.list.compare-info .price-old {font-size: 90%;}

table.list.compare-info .price-new {font-size: 110%;}


/* attribute table */
table.attribute tbody tr > th {width: 50%;}
table.attribute tr > * {font-size: 16px; vertical-align: top;}

table.attribute th:first-letter,
h3.mfilter-heading:first-letter {text-transform: uppercase;}


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


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


/* table-article */
table.table-article {max-width: 100%; margin: 0; border-width: 2px; border-style: solid;}
table.table-article tr > * {vertical-align: middle; padding: 4px 8px; margin: 0; border-width: 1px; border-style: solid;}

table.table-article th {text-align: center;}
table.table-article td {text-align: left;}

/* user-edit table fix */
.article.user-edit table.table-article td,
.article.user-edit table.table-article th,
.article.user-edit table td,
.article.user-edit table th {font-size: 90%;}

/* .article.user-edit table */
.article.user-edit table {max-width: 100%!important; margin: 0;}



/* ************************* table shared ************************* */

table.list {margin: 0; 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.attribute thead th,
table.list th {font-weight: bold;}

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

table.list th,
table.list td {border-width: 0 1px 1px 0; border-style: solid;}


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

table .quantity {width: 5%;}

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

table th.col1 {width: 15%;}

table .remove,
table .col-last {min-width: 1%; text-align: center;}

table .col-last a + a {margin-left: 10px;}

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

table .total {font-weight: bold;}

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


/* table-wrapper (responsive) */
.table-wrapper {width: 100%; margin: 0 0 2em 0; padding: 0 0 1em 0; overflow-x: auto; overflow-y: hidden;}
.table-wrapper.vertical {max-height: 80vh; overflow-x: auto; overflow-y: auto;}

#content .article.user-edit .table-wrapper {margin: 0; padding: 0;}


/* ************************* forms ************************* */

/* table-form */
.table-form-wrap {margin-bottom: 30px; border-width: 1px; border-style: solid; border-radius: 0!important;}

.table-form th.top {padding-top: 1em; vertical-align: top;}
.table-form th label {white-space: wrap; vertical-align: top;}
.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: 1em 0.3em 1em 0; vertical-align: top;}
  .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-horizontal {display: flex; flex-direction: row; flex-wrap: wrap;}
.input-horizontal label {text-align: left; padding: 0.5em 1.5em 0.5em 0; white-space: nowrap;}

@media screen and (max-width: 1359px) {
  .input-horizontal.multiple label {width: 100%;}
}

@media screen and (min-width: 480px) and (max-width: 767px), (min-width: 900px) and (max-width: 1359px) {
   .input-horizontal.multiple label {width: 50%;}
}


h4.label {margin: 0 0 1.5em 0;}

/* captcha */
.captcha {display: flex; align-items: center; flex-wrap: wrap; margin-top: 1em;}
.captcha label {width: 100%;  font-weight: bold; margin-bottom: 0.5em;}
.captcha img {margin: 0 0 0.5em 0; border: 0;}
.captcha .error {width: 100%;}

@media screen and (min-width: 480px) {
  .captcha {text-align: left;}
  .captcha img {margin: 0 0.5em 0 0;}
}


/* input / textarea / select */
input,
textarea,
select {border-width: 1px; border-style: solid; margin: 0; padding: 12px; transition: border .3s, box-shadow .3s ease-in-out;}


/* input width */
input,
textarea,
select.form-large {width: 100%;}

input.form-text1,
input[type="number"],
.password-strength {width: 14em;}

input.form-text2,
input[type="tel"],
input[name*="postcode"] {width: 10em;}

input[type="tel"].nomask,
input[type="date"] {width: 12em;}

input[name="captcha_response"] {width: 6em;}



@media screen and (max-width: 479px) {
  input,
  select,
  .password-strength {width: 100%!important;}
}


/* input readonly */
input.readonly {box-shadow: none!important;}

/* 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/Edge input[type="search"] fix */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {-webkit-appearance: none; appearance: none; display: none;}


/* input-button-search / mfilter-live-filter */
.input-button-search-wrapper {position: relative;}

.input-button-search-wrapper,
.input-button-search-wrapper input.input-search {height: 40px;}

.input-button-search-wrapper input.input-search {width: 100%; line-height: 40px; padding: 0 38px 0 14px; border-width: 1px; border-style: solid;}
.input-button-search-wrapper .button-search {display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 38px; height: 100%;}
.input-button-search-wrapper .button-search::before {font-size: 18px;}


/* input-group */
.input-group {display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0 0 0.5em 0; width: 100%; min-width: 100%;}
.input-group .btn {margin-left: 0.25em;}

.input-group.generate_password,
.input-group#generate_password {align-items: center; margin: 0; width: auto; min-width: auto;}

.input-group.generate_password {margin-left: 0.5em!important; align-items: center;}
.input-group.generate_password code {padding: 5px; background-color: #f7f7f9; color: #dd1144; border: 1px solid #e1e1e8;}

.input-group#generate_password {flex-wrap: wrap;}

@media screen and (min-width: 768px) {
  .input-group#generate_password {flex-wrap: nowrap;}
}

/* password strength */
.password-strength {background-color: #ccc; height: 8px; overflow: hidden; margin-top: 0.5em; border-radius: 4px;}
.password-strength .bar {width: 1%; height: 100%; background-color: #D73F40; border-radius: 5px; transition: all 0.5s ease;}


/* spinner quantity */
.spinner {display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; border-width: 1px; border-style: solid; overflow: hidden;}
.spinner button {text-align: center; line-height: 0; box-shadow: none!important;}
.spinner input.form-quantity {min-height: 100%; min-width: 3em; font-size: 14px; border-radius: 0; box-shadow: none!important;}

@media screen and (min-width: 380px) {
  .spinner {flex: 0 0 calc(5em + 80px);}
}

@media screen and (max-width: 767px) {
  .spinner {min-height: 100%;}
  .spinner button {flex: 0 0 40px;}
  .spinner button:before {font-size: 12px;}
  .spinner button.minus {order: 1;}
  .spinner button.plus {order: 3;}

  .spinner input.form-quantity {width: 100%; text-align: center; border-width: 0 1px 0 1px; order: 2;}
}

@media screen and (min-width: 768px) {
  /* .spinner height licha hodnota */
  .spinner {flex-direction: column; flex-wrap: wrap; max-width: 90px; height: 51px;}
  .spinner.wide {max-width: 100px;}

  .spinner input.form-quantity {width: calc(100% - 24px); border-width: 0 1px 0 0; border-radius: 0;}

  .spinner button {min-width: 24px; flex-grow: 1; flex-basis: 0;}
  .spinner button:before {font-size: 10px;}
  .spinner button.plus {border-bottom-width: 1px; border-bottom-style: solid;}

}

/* spinner-wrapper */
.spinner-wrapper {display: flex; align-items: center; flex-wrap: wrap;}
.spinner-wrapper .symbol {margin-left: 0.5em; font-weight: bold;}







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

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

/* search */
.table-form-wrap.search-form .buttons {margin: 0; padding: 0 0 8px 0;}
.table-form-wrap.search-form input[type="search"].form-search,
.table-form-wrap.search-form select.search {width: 100%;}
.table-form-wrap.search-form input[type="search"].form-search {margin: 0 0 1em 0;}

@media screen and (min-width: 768px) {
  .table-form-wrap.search-form .buttons {padding-top: 1.5em;}
  .table-form-wrap.search-form input[type="search"].form-search {width: calc(100% - 20% - 1em); margin: 0 0.5em 0 0;}
  .table-form-wrap.search-form select.search {width: 20%;}
}








/* css3 radio/checkbox/select  */
input[type="radio"],
input[type="checkbox"] {display: none;}

input[type="checkbox"] + label,
input[type="radio"] + label {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}

input[type="checkbox"] + label::before,
input[type="radio"] + label::before {display: flex; justify-content: center; align-items: center; width: 22px; height: 22px; min-width: 22px; max-width: 22px; content: ""; border-width: 1px; border-style: solid; margin-right: 0.5em; padding: 0; overflow: hidden; transition: .2s all ease-out;}

/* checkbox */
input[type="checkbox"] + label::before {font-size: 14px; content: "\f00c"; color: transparent;}

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


/* select */
select {padding: 12px 20px 12px 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;}

/* disabled */
select:disabled,
input[type="checkbox"]:disabled + label::before,
input[type="radio"]:disabled + label::before {border-color: #ccc;}

label.disabled,
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label,
input[type="number"]:disabled,
.spinner input[max="1"].form-quantity {opacity: 0.4;}


/* telephone prefix */
.telephone-wrapper {position: relative;}
.telephone-wrapper .telephone_prefix {display: flex; align-items: center; position: absolute; left: 8px; top: 0; bottom: 0; height: 100%; z-index: 2;}
.telephone-wrapper:not(.nowrap) input[type="tel"].mask {padding-left: 3.2em; width: 14.65em;}

@media screen and (max-width: 319px) {
  .telephone-wrapper.nowrap select#telephone_prefix {margin-bottom: 0.5em;}
}

@media screen and (min-width: 320px) {
  .telephone-wrapper.nowrap select#telephone_prefix {margin-right: 0.5em;}
}


.confirm .telephone_prefix {display: inline-block; margin-right: 0.5em;}



/* ************************* buttons other ************************* */


/* togglelink */
.togglelink {font-size: 15px; font-weight: bold; margin: 0; padding: 0 26px 0 0; clear: both;}

.togglelink.center {display: block; margin: 1em auto 0 auto; text-align: center;}
.togglelink.center.ico::after {font-size: inherit;}
.togglelink.center .counter-text {color: inherit;}

/* togglelink button */
.button.togglelink::after {position: relative; right: auto; top: auto; margin-left: 0.5em;}

/* load_data buttonlink */
.load_data.buttonlink {margin: 1em 0!important;}

@media screen and (min-width: 480px) {
  .load_data.buttonlink {margin: 0.5em 0 0 0.5em!important;}
}

/* shared */
.button.togglelink,
.button.confirm,
.button.confirm_ajax {flex-wrap: nowrap;}






/* ************************* buttons ************************* */

.buttons {display: flex; flex-wrap: wrap; padding: 2em 0;}
.buttons.checkout {padding-top: 0.5em;}

.buttons > .right label {justify-content: center;}

/* buttons.responsive-show */
@media screen and (max-width: 379px) {
  .buttons.responsive-show .button {font-size: 90%;}
  .buttons.responsive-show .button:first-child {margin-bottom: 5px;}
}

@media screen and (min-width: 380px) and (max-width: 767px) {
  .buttons.responsive-show {display: flex!important; justify-content: center; align-items: center;}
  .buttons.responsive-show .button {width: calc(100% / 2 - 10px); margin: 0;}
  .buttons.responsive-show .button + .button {margin-left: 10px;}
}

@media screen and (min-width: 380px) and (max-width: 479px) {
   .buttons.responsive-show .button > .icon {display: none;}
}

@media screen and (max-width: 767px) {
  .buttons {text-align: center; flex-direction: column;}
  .buttons .left {margin-top: 2em; order: 2;}
  .buttons .right {order: 1;}

  .buttons > .button-confirm-wrap > .button {display: flex; justify-content: center; align-items: center;}

  .search-form .buttons .left {margin-bottom: 2em; order: 1;}
  .search-form .buttons .right {order: 2;}

  .buttons .button,
  .buttons div.right label {width: 100%;}

  /* buttons.responsive-show */
  .buttons.responsive-show .button {display: block; position: relative; font-size: 90%; overflow: hidden;}
  .buttons.responsive-show .button.confirm_ajax::after {position: absolute; right: 5px; top: 0; bottom: 0; margin: auto;}
}

@media screen and (min-width: 768px) {
  .buttons {align-items: center; flex-direction: row;}
  .buttons > .left {margin-right: auto; padding-right: 1em;}
  .buttons > .right,
  .buttons > .button-confirm-wrap {margin-left: auto; display: flex; align-items: center; flex-wrap: wrap;}

  .buttons div.right {text-align: right;}
  .buttons div.right label {margin-right: 1.5em;}
}

.buttons div.right label {margin-top: 1.5em; margin-bottom: 1.5em;}

.buttons .center {margin: auto;}
.buttons.single-button {padding: 1em 0;}

.button {display: inline-block; padding: 0.8em 2.6em; font-size: 16px; line-height: 1; text-align: center; border: 0;}


.button > i.ico,
.buttonlink > i.ico {margin-left: 0.5em;}

.button > i.ico:before,
.buttonlink > i.ico:before {font-size: inherit;}


/* button left/right */
.button.right,
.button.left {padding: 1.3em 2.8em;}


.button.right::after,
.button.left::before {font-size: 18px;}

.button.right::after {margin-left: 1.2em;}
.button.left::before {margin-right: 1.2em;}



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



/* button smaller */
.button.smaller {font-size: 14px; padding: 12px 20px;}



/* shared */
.button,
.button-cart {font-weight: bold; overflow: hidden;}



/* ************************* button cart ************************* */
.button-cart {display: flex; flex-direction: row; flex-wrap: nowrap; border: 0;}
.button-cart::before {width: 28px; min-width: 28px; height: 28px; font-size: 18px;}
.button-cart span {display: block; font-size: 16px; font-weight: bold; padding: 0 6px; white-space: nowrap;}

.button-cart {padding: 0.5em 1.2em;}

/* button cart popup */
#product-cart-popup .button-cart {padding: 6px 12px;}
#product-cart-popup .button-cart.button-cart::before,
#product-cart-popup .button-cart span {font-size: 15px;}

@media screen and (max-width: 319px) {
   #product-cart-popup .cart-wrapper .button-cart span {display: none;}
}

/* button small */
.button-small {padding: 4px 8px; white-space: nowrap; border-width: 1px; border-style: solid;}
.button-small:hover {text-decoration: none;}


/* button cart square */
.button-cart.button-square {padding: 6px;}


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





/* ************************* backlink / frontlink ************************* */

.backlink,
.frontlink {font-size: 16px; font-weight: bold;}

.backlink::before,
.frontlink::after {font-size: 18px;}

/* backlink */
.backlink::before {margin-right: 1em;}

/* frontlink */
.frontlink:hover::after { text-decoration: none}
.frontlink::after {margin-left: 1em;}





/* contact/sitemap */
.contact-info {margin-bottom: 30px; border-bottom-width: 1px; border-bottom-style: dotted; padding-bottom: 10px;}

/* sitemap-info */
.sitemap-info.article .col > ul > li {padding-left: 0;}
.sitemap-info.article .col > ul > li:before {display: none;}
.sitemap-info.article .col > ul > li > a {font-size: 110%; font-weight: bold; margin-bottom: 0.5em;}







/* ************************* pagination ************************* */

.pagination {flex-wrap: wrap; margin: 0; padding: 0 0 50px 0; text-align: center; overflow: hidden;}

.pagination a#pagination-top {order: 1;}
.pagination a#pagination-top.page-icon::before {display: inline-block; margin-right: 0.5em;}

.pagination .links {order: 2;}

.pagination #btnloadmore,
.pagination .loading {order: 3;}

.pagination #btnloadmore .counter-text {color: inherit;}

.pagination .loading {padding: 0!important;}

.pagination .links a,
.pagination .links span,
.pagination a#pagination-top.page-icon {display: inline-block; font-weight: bold; font-size: 17px; line-height: 1; text-decoration: none;}

.pagination .links a,
.pagination .links span {padding: 10px;}

.pagination a.page-icon {padding: 0;}
.pagination a.page-icon::before {font-size: 16px; line-height: 38px; width: 38px; height: 38px;}

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

@media screen and (max-width: 1359px) {
  .pagination a#pagination-top,
  .pagination .links,
  .pagination #btnloadmore,
  .pagination .loading {margin: 2em 0 0 0;}
}

@media screen and (max-width: 479px) {
  .pagination a#pagination-top,
  .pagination .links,
  .pagination #btnloadmore,
  .pagination .loading {width: 100%}
}

@media screen and (min-width: 480px) {
  .pagination a#pagination-top {margin-right: auto; padding-right: 0.5em;}

  .pagination .links {margin-left: auto; padding-left: 0.5em; order: 3;}

  .pagination .loading {width: 16px;}

  .pagination #btnloadmore,
  .pagination .loading {order: 2;}
}





/* ************************* popup ************************* */

/* info popup */
.info-popup {text-align: center!important; font-size: 130%; box-shadow: 5px 5px 10px rgba(0,0,0,.6);}

@media screen and (min-width: 1360px) {
  .info-popup {max-width: 75%!important;}
}

.info-popup p {margin-bottom: 1em;}
.info-popup a {font-weight: bold;}
.info-popup .buttons {display: inline-block; padding: 1em 0 0 0;}
.info-popup.ico::before {font-size: 60px; font-weight: 900; margin: 0 0 0.5em 0;}



/* add cart popup (fancybox)) */
#success-popup {margin: 0!important; padding: 0!important;}

#success-popup h2 {display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}
#success-popup h2.ico.check {font-size: 18px; margin: 0; padding: 15px 20px;}
#success-popup h2.ico.check::before {font-size: inherit;}

#success-popup .success-popup-inner .success-popup-product {padding: 20px; border: 0;}
#success-popup .success-popup-inner .success-popup-product img {float: left; max-width: 90px; margin: 0 10px 10px 0;}
#success-popup .success-popup-inner .success-popup-product h3 {font-size: 17px;}
#success-popup .success-popup-inner .success-popup-product a {font-weight: bold;}
#success-popup .success-popup-inner .success-popup-product strong {white-space: nowrap;}
#success-popup .success-popup-inner .success-popup-product .success {margin: 0;}
#success-popup .success-popup-inner .success-popup-product .buttons {padding: 20px 0 0 0;}

#success-popup .success-popup-inner #product_related_popup {padding: 20px;}
#success-popup .success-popup-inner #product_related_popup h2.box-heading {font-size: 19px; margin-bottom: 2em}
#success-popup .success-popup-inner #product_related_popup .product-grid.owl-carousel {margin-bottom: 0;}

@media screen and (min-width: 480px) {
  #success-popup {overflow: hidden!important;}
  #success-popup h2.ico.check {font-size: 20px; max-height: 54px;}
  #success-popup .success-popup-inner {max-height: calc(100vh - 84px); overflow-x: hidden; overflow-y: auto;}
}

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

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










/* ************************* notification ************************* */

#notification > div {margin: 1em 0;}

.required {font-weight: bold;}

/* help */
.help {font-size: 90%;}

/* close */
.icon.close {width: 46px; height: 46px; text-decoration: none!important;}
.icon.close::before {opacity: .2;}

.icon.close:hover::before,
.icon.close:focus::before {opacity: .5;}


/* info-block */
.info-block {clear: both; text-align: left; font-size: 14px; margin-bottom: 20px; padding: 16px 14px; overflow: hidden;}
.info-block:not(.block) p {margin: 0; padding: 0;}


/* info-block success / warning / error / attention */
.info-block.success,
.info-block.warning,
.info-block.error,
.info-block.attention {display: block;}


/* info-block error / .table-form-wrap success */
.info-block.error,
.table-form-wrap .info-block.success {margin: 10px 0; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; border-width: 1px; border-style: solid;}

/* info-block warning */
.info-block.warning p {margin-bottom: 0.5em; font-size: 120%}


/* info-block block */
.info-block.block {display: block;}


/* info-block inline */
.info-block.inline {display: inline-block; padding: 10px 12px;}


/* info-block / info-text ico */
.info-block.ico {position: relative; padding-left: 36px;}
.info-block.ico::before {width: 16px; height: 100%; position: absolute; top: 0; left: 10px; bottom: 0;}


/* shared */
.table-form .help,
.table-form .info-block {margin-top: 1em;}


/* info block notifications */
.info-block.table-form-wrap.center-block {margin: 2em 0; padding: 16px;}
.info-block.table-form-wrap.center-block .qr-payment {max-width: 245px;}


/* table-form-wrap ico user */
.info-block.table-form-wrap.ico.user strong {font-size: 16px;}



/* info-block shippingfree */
.info-block.shippingfree strong,
.info-block.shippingfree .percent-range-text span {white-space: nowrap;}

.info-block.shippingfree .percent-range-wrapper {border-width: 1px; border-style: solid; overflow: hidden;}

.info-block.shippingfree .percent-range-wrapper,
.info-block.shippingfree .percent-range {display: block;}

.info-block.shippingfree .percent-range {height: 8px; margin: 1px;}
.info-block.shippingfree .percent-range-text {font-size: 80%; text-align: right; margin-top: 0.5em;}

.info-block.shippingfree {display: block;}
.info-block.shippingfree .flex-left {text-align: center; margin-bottom: 0.5em; line-height: 1.4;}
.info-block.shippingfree .flex-right {width: 100%; min-width: 100%; padding: 0 1em;}
.info-block.shippingfree .percent-range-text {text-align: center;}

@media screen and (min-width: 480px) and (max-width: 767px), (min-width: 1200px) {
  .info-block.shippingfree {display: flex; flex-direction: row; flex-wrap: nowrap;}
  .info-block.success.shippingfree {display: block;}
  .info-block.shippingfree .flex-left {text-align: left; flex-grow: 1; margin-bottom: 0; padding: 0.5em 0.5em 0.5em 0;}
  .info-block.shippingfree .flex-right {width: 24%; min-width: 24%; padding: 0;}
 }






/* info-block.table-form-wrap */
.info-block.table-form-wrap .flex-right {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
.info-block.table-form-wrap .flex-right .button {margin-left: 0.5em;}

@media screen and (max-width: 479px) {
  .info-block.table-form-wrap {text-align: center;}
  .info-block.table-form-wrap strong {display: block; margin-bottom: 1em;}
}











/* info helper-button */
.info-block.helper-button .flex-left {display: flex; align-items: center;}
.info-block.helper-button .flex-left.ico.hand-direction::after {font-size: 22px; margin: 0 0.5em; content: "\f0a7";}

@media screen and (max-width: 767px) {
  .info-block.helper-button div,
  .info-block.helper-button .flex-right .button {width: 100%; margin: 0;}

  .info-block.helper-button .flex-left.ico.hand-direction {margin: 0 0 2em 0;}
}

@media screen and (min-width: 768px) {
  .info-block.helper-button {display: flex; align-items: center; flex-wrap: nowrap;}
  .info-block.helper-button .flex-left {flex-grow: 1; margin-right: 2em;}
  .info-block.helper-button .flex-left.ico.hand-direction::after {content: "\f0a4";}
  .info-block.helper-button .flex-right .button {white-space: nowrap;}
}




.info-block.picture .button {margin-left: 1em; padding: 0;}
.info-block.picture .button::before {margin: 0; width: 30px; height: 30px; ;}









/* product detail */

/*  info-help */
.info-block.info-help {display: block; text-align: center; padding: 10px 12px;}
.info-block.info-help strong {display: block; font-size: 22px; margin: 0 0 0.3em 0;}
.info-block.info-help span {margin: 0;}
.info-block.info-help .flex-right a {display: block; font-size: 16px; font-weight: bold; margin: 0.5em 0 0 0;}
.info-block.info-help .flex-right a::before {font-size: 18px;}

@media screen and (min-width: 480px) and (max-width: 767px), (min-width: 1360px) {
  .info-block.info-help {text-align: left; display: flex; align-items: center; flex-wrap: nowrap;}
  .info-block.info-help .flex-right a {margin: 0 0 0.5em 0}
  .info-block.info-help .flex-left {flex-grow: 1; padding-right: 1em;}
}

@media screen and (min-width: 1360px) {
  .info-block.info-help .flex-left .responsive-hide {display: inline-block;}
  .info-block.info-help .flex-right {display: flex;}
  .info-block.info-help .flex-right a {margin: 0 0 0 1em; padding: 10px 0;}
}



/* .info-block.ico.user */
@media screen and (max-width: 319px) {
  .info-block.ico.user .flex-right .button + .button {margin-top: 0.5em;}
}


/* homecredit kalkulacka */
.info-block.homecredit {margin: 20px 0; padding: 0; background: transparent;}
.product-detail .info-block.homecredit {display: flex; justify-content: flex-end; align-items: center; }
.homecredit button img {width: 180px; height: auto;}








/* ************************* short-description ************************* */


/* short-description */
.short-description-wrapper {position: relative; clear: both; margin: 2em 0 1.5em 0; padding-bottom: 20px; z-index: 2;}
.short-description-wrapper .short-description {position: relative; font-size: 100%; min-height: 3em; padding: 5px;}
.short-description-wrapper .short-description::after {content: ""; position: absolute; left: 10%; right: 10%; bottom: 0; width: 80%; height: 1em; box-shadow: 0 0 18px rgba(0,0,0,.5); border-radius: 50%; z-index: -1;}
.short-description-wrapper .short-description blockquote {margin: 0;}




/* ************************* loaders ************************* */

/* loaders CSS3 */
.loadingblock-wrap {position: relative;}
.loadingblock {background-color: rgba(255,255,255,.7); z-index: 9996;}

/* big loading + fancybox-loading */
.loadingblock::before,
.fancybox-loading {display: block; content: ""; position: sticky; top: 160px; width: 50px; height: 50px; min-width: 50px; min-height: 50px; margin: 160px auto; background: transparent; border-width: 4px; border-style: solid; border-bottom-color: #fff; border-radius: 50%; opacity: .7; z-index: 99999;}

.fancybox-loading {position: absolute; margin: auto;}

/* small loading  */
.loading {padding-left: 34px;}

.loading,
.loading-spinner {position: relative;}

.loading::before,
.loading-spinner::before {margin: auto; z-index: 100;}

.loading::before,
.loading-spinner::before,
.button.confirm::after,
.button.confirm_ajax::after {content: ""; width: 16px; height: 16px; min-width: 16px; min-height: 16px; background: transparent; border-width: 4px; border-style: solid; border-bottom-color: transparent; border-radius: 50%; opacity: .7;}

.loading::before,
.loading-spinner::before,
.button.confirm::after,
.button.confirm_ajax::after,
.loadingblock::before,
.fancybox-loading {animation: spin 1s linear infinite;}

/* loading rotate */
@keyframes spin {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}










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

/* accordion */
.accordion h3 {font-size: 115%; margin: 0 0 4px 0; background-color: rgba(0,0,0,.45);}
.accordion div {margin-bottom: 2em;}

.accordion h3,
.accordion div {padding: 0.5em 1em;}

/* dropdown */
.dropdown {position: relative;}
.dropdown .dropdown-toggle {display: block; position: relative; margin: 0; padding: 0 24px 0 0;}
.dropdown .dropdown-toggle.dropdown-disable {padding-right: 0;}

.dropdown .dropdown-toggle::after {display: block; position: absolute; top: 40%; right: 8px; content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top-width: 6px; border-top-style: solid; transition: transform .2s ease-in-out;}
.dropdown.active .dropdown-toggle::after {transform: rotate(180deg);}

.dropdown .dropdown-menu {display: none; position: absolute; top: 100%; right: 0; padding: 0; overflow: hidden; z-index: 5000!important;}
.dropdown ul.dropdown-menu li {padding: 8px;}
.dropdown ul.dropdown-menu li button {width: 100%; text-align: left; white-space: nowrap;}


/* autocomplete */
.form-group {display: block; position: relative;}
.form-group .dropdown-menu {display: none; position: absolute; top: 100%; left: 0; right: 0; min-width: 100%; max-width: 100%; max-height: 50vh; margin: 0; padding: 0.5em 0.3em; text-align: left; border: 1px solid #ccc; border-radius: 0; background-color: #fff;  box-shadow: 3px 3px 10px rgba(0,0,0,.2); z-index: 1000; overflow-x: hidden; overflow-y: auto; border-radius: 0;}
.form-group .dropdown-menu.show {display: block;}

.form-group .dropdown-menu > li {margin: 0!important; padding: 0!important;}
.form-group .dropdown-menu > li#autocomplete-loading {display: flex; justify-content: center; align-items: center;}
.form-group .dropdown-menu > li > h6.dropdown-header {margin: 0.3em 0; padding: 0.5em 0.8em; font-size: 14px; background-color: #e0e0e0;}
.form-group .dropdown-menu > li > a {display: block; font-size: 12px; padding: 0.5em 0.8em!important; font-weight: normal!important; color: #000; text-decoration: none;}

.form-group .dropdown-menu > li > a:hover,
.form-group .dropdown-menu > li > a:focus {color: #fff; background-color: #0075ff;}


/* scrollup button */
#scrollup {display: none; position: fixed; bottom: 20px; right: 20px; width: 36px; height: 36px; opacity: .5; border-radius: 50%; z-index: 9999;}
#scrollup:hover {opacity: 1;}
#scrollup.icon::before {font-size: 20px; font-weight: 900;}




/* Owl Carousel (helper) */

/* image additional */
/* shadow gradient left/right */
.images.owl-carousel.slideshow-nav .owl-nav > button {top: 0; bottom: 0; height: 100%; transform: none;}
.images.owl-carousel.slideshow-nav .owl-nav > button.disabled {display: none;}
.images.owl-carousel.slideshow-nav .owl-nav > button::before {font-size: 28px; font-weight: 300;}
.images.owl-carousel.slideshow-nav .owl-nav > button.owl-prev:not(.disabled) {background-image: linear-gradient(to right, rgba(251,251,251,.6), transparent);}
.images.owl-carousel.slideshow-nav .owl-nav > button.owl-next:not(.disabled) {background-image: linear-gradient(to left, rgba(251,251,251,.6), transparent);}

/* fix preload width */
.images.owl-carousel {display: flex; flex-direction: row; flex-wrap: wrap ; column-gap: 5px;}
.images.owl-carousel .owl-item .thumbnail {width: 100%;}
.images.owl-carousel .owl-item:first-child {margin-left: 0;}

.images.owl-carousel > .thumbnail,
.images.owl-carousel .owl-item {width: calc(1/3*100% - (1 - 1/3)*5px);}

@media screen and (min-width: 320px) {
  .images.owl-carousel {column-gap: 10px;}
  .images.owl-carousel > .thumbnail,
  .images.owl-carousel .owl-item {width: calc(1/3*100% - (1 - 1/3)*10px);}
}

@media screen and (min-width: 420px) and (max-width: 519px), (min-width: 1024px) and (max-width: 1359px) {
    .images.owl-carousel > .thumbnail,
	.images.owl-carousel .owl-item {width: calc(1/4*100% - (1 - 1/4)*10px);}
}

@media screen and (min-width: 520px) and (max-width: 1023px), (min-width: 1360px) {
  .images.owl-carousel > .thumbnail,
  .images.owl-carousel .owl-item  {width: calc(1/5*100% - (1 - 1/5)*10px);}
}




/* product-grid owl-carousel (fix preload width) */
.box-content .product-grid.owl-carousel .owl-stage {display: flex; flex-direction: row; flex-wrap: nowrap;}
.product-grid.owl-carousel .product {width: 100%; height: 100%;}
.product-grid.owl-carousel .item .product .product-inner .product-status {height: 1.5em; overflow: hidden;}

@media screen and (max-width: 479px) {
  .product-grid.owl-carousel > .item,
  .product-grid.owl-carousel .owl-item {width: 100%;}
  .product-grid.owl-carousel .product {border-bottom-width: 0;}
}

@media screen and (min-width: 320px) {
  .product-grid.owl-carousel > .item,
  .product-grid.owl-carousel .owl-item {width: calc(100% / 2);}
}

@media screen and (min-width: 980px) {
  .product-grid.owl-carousel > .item,
  .product-grid.owl-carousel .owl-item {width: calc(100% / 3);}
}

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

  .fullwidth .product-grid.owl-carousel > .item,
  .fullwidth .product-grid.owl-carousel .owl-item {width: calc(100% / 5);}
}



/* owl-nav */

/* owl-nav responsive */
@media screen and (max-width: 1359px) {
  .owl-carousel .owl-nav > button {position: absolute; top: 50%; transform: translateY(-50%);}

  .owl-carousel .owl-nav > button,
  .owl-carousel .owl-nav > button::before {width: 40px; height: 40px;}

  .owl-carousel:not(.slideshow-nav) .owl-nav > button::before {position: absolute; top: 0; font-size: 34px; color: #000;}

  .owl-carousel .owl-nav > button.owl-prev {left: 0;}
  .owl-carousel .owl-nav > button.owl-next {right: 0;}
}

@media screen and (min-width: 768px) {
   /* slideshow */
  .slideshow.slideshow-nav .owl-nav {display: none;}
  .slideshow.slideshow-nav:hover .owl-nav {display: block;}
}


@media screen and (min-width: 1360px) {
  .owl-carousel .owl-nav > .owl-prev {margin-right: 5px;}

  .owl-carousel .owl-nav > button::before {width: 30px; height: 30px; font-size: 26px; transition: background-color .2s ease-in-out;}

  /* owl-nav */
  .owl-carousel:not(.slideshow-nav) .owl-nav {position: absolute; right: 0; top: -58px;}
}



/* owl-nav: slideshow / image-additional */
.owl-carousel.slideshow-nav .owl-nav > button {position: absolute; top: 50%; transform: translateY(-50%);}

.owl-carousel.slideshow-nav .owl-nav > button.owl-prev {left: 0;}
.owl-carousel.slideshow-nav .owl-nav > button.owl-next {right: 0;}

.owl-carousel.slideshow-nav .owl-nav > button::before {width: 42px; height: 42px; font-size: 36px; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000, 0 0 5px #000; background: none!important; transition: color .4s ease;}







/* slider (helper) */
/* slider content / column-left */
.slider-container {width: 100%; padding: 10px; font-size: 12px; font-weight: bold; text-align: center;}
.slider-container .slider {width: 100%; margin-bottom: 1em;}
.slider-container .slider-separator {margin: 0 0.5em;}

/* slider content */
#content .slider-container-wrapper {text-align: center; margin-bottom: 1em;}
#content .slider-container-wrapper .slider-refresh {padding: 1em 0;}
#content .slider-container-wrapper .slider-container .slider-min,
#content .slider-container-wrapper .slider-container .slider-max {white-space: nowrap;}

@media screen and (min-width: 768px) {
  #content .slider-container-wrapper {display: flex; align-items: center; flex-wrap: nowrap;}
  #content .slider-container-wrapper .slider-refresh {margin-left: auto;}
  #content .slider-container-wrapper .slider-container {width: 85%; padding: 0; margin-right: auto; display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap;}
  #content .slider-container-wrapper .slider-container .slider {flex-grow: 1; order: 2; margin: 0 10px;}
  #content .slider-container-wrapper .slider-container .slider-min,
  #content .slider-container-wrapper .slider-container .slider-max {flex-grow: 0; width: 80px; min-width: 80px; overflow: hidden;}
  #content .slider-container-wrapper .slider-container .slider-min {text-align: right; margin-right: 1em; order: 1;}
  #content .slider-container-wrapper .slider-container .slider-max {text-align: left; margin-left: 1em; order: 3;}
  #content .slider-container-wrapper .slider-container .slider-separator {display: none;}
}

/* slider UI */
.ui-slider {position: relative; height: 6px; background-color: #d0d0d0; border: 0; border-radius: 4px;}
.ui-slider .ui-slider-range {display: block; position: absolute; top: 0; height: 100%; border: 0; z-index: 1;}
.ui-slider .ui-slider-range-min {left: 0;}
.ui-slider .ui-slider-range-max {right: 0;}

.ui-slider .ui-slider-handle {position: absolute; top: -6px; margin-left: -9px; width: 19px; height: 19px; display: flex; justify-content: center; align-items: center; cursor: w-resize; z-index: 2;}
.ui-slider .ui-slider-handle::before {width: 9px; height: 9px; content: ""; border-radius: 50%;}

.ui-slider .ui-slider-handle,
.ui-slider .ui-slider-handle::before {border: 0; border-radius: 50%;}








/* mega filter (helper) */

/* content_top - tab-content (mfilter-modern-horizontal) */
#content .mfilter-box.mfilter-modern-horizontal  ul.htabs {margin: 0; padding: 0;}
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul.tab-content {padding: 10px!important; border-width: 0 1px 1px 1px!important; border-style: solid!important;}
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul.tab-content .mfilter-opts-container {max-height: 168px; overflow-x: hidden; overflow-y: auto;}
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul li .mfilter-option {margin: 5px 10px 5px 0;}
#content .mfilter-box.mfilter-modern-horizontal .mfilter-content ul li h3.mfilter-heading {display: none;}

/* content_top (mfilter-inline_horizontal) */
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content {padding: 5px 15px; border-width: 1px; border-style: solid;}
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content ul li {margin: 15px 0;}
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content ul li h3.mfilter-heading {font-size: 16px; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border-bottom-width: 1px; border-bottom-style: solid;}
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content ul li .mfilter-options {padding: 0 10px;}
#content .mfilter-box.mfilter-inline_horizontal .mfilter-content ul li .mfilter-content-wrapper {display: flex; align-items: center; flex-wrap: nowrap;}

/* content_top shared */
#content .mfilter-box .mfilter-content > ul > li .mfilter-heading::after {display: none;}
#content .mfilter-box .mfilter-content > ul > li .mfilter-options {width: 100%; min-width: 100%;}
#content .mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-tb .mfilter-option {padding: 3px;}

#content .mfilter-box .mfilter-content > ul > li .mfilter-heading .mfilter-heading-text {width: auto; margin-left: 0;}
#content .mfilter-box .mfilter-content > ul > li .mfilter-heading .mfilter-heading-text > span {display: inline-block; padding-left: 0;}
#content .mfilter-box .mfilter-content > ul > li .mfilter-tb .mfilter-tb {border: 0; background: none;}

#content .mfilter-box .mfilter-content > ul > li.mfilter-image ul li label {border: 1px solid #dedede;}

/* column-left */
#column-left .mfilter-box .mfilter-content > ul > li:not(:last-child) {margin-bottom: 30px;}
#column-left .mfilter-box .mfilter-content > ul > li .mfilter-option {margin: 0 0 10px 0;}


/* column left/content top shared */

/* responsive mfilter-box */
@media screen and (max-width: 379px) {
  .mfilter-box.fixed {top: 0; left: 0; right: 0;}

  /* .box-heading 85px + .buttons.responsive-show 108px */
  .mfilter-box.fixed .mfilter-content {max-height: calc(100vh - 193px);}
  .mfilter-box.fixed .buttons.responsive-show {max-height: 108px;}
}

@media screen and (min-width: 380px) and (max-width: 767px) {
  .mfilter-box.fixed {top: 20px; left: 20px; right: 20px;}

  /* .box-heading 85px + .buttons.responsive-show 60px + .mfilter-box.fixed top 20px */
  .mfilter-box.fixed .mfilter-content  {max-height: calc(100vh - 165px);}
  .mfilter-box.fixed .buttons.responsive-show {max-height: 60px;}
  .mfilter-box.fixed .buttons.responsive-show a.button {margin-left: auto;}
}

@media screen and (max-width: 767px) {
  body .mfilter-box-wrapper {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 9997;}

  .mfilter-box .box-heading {position: relative;}
  .mfilter-box .box-heading .icon.close {position: absolute; top: 0; right: 0; bottom: 0; margin: auto;}

  /* mfilter-box fixed */
  /* mfilter-box fixed, z-index vyssi nez #header-wrapper  */
  .mfilter-box.fixed {position: fixed; bottom: 0; height: 100%; margin: 0; padding: 0; z-index: 10000;}
  .mfilter-box.fixed .mfilter-content {margin: 10px!important; padding: 0 20px!important; overflow-x: hidden; overflow-y: auto; }

  /* responsive default hide */
  /* .mfilter-box .box-content .mfilter-content-opts {display: none;} */

  /* buttons.responsive-show scroll fix */
  .mfilter-box.fixed .mfilter-content > ul > li:last-child {margin-bottom: 100px!important;}

  .mfilter-box.fixed .buttons.responsive-show {position: fixed; width: 100%; left: 0; right: 0; bottom: 0; padding: 10px; z-index: 9999;}


}

@media screen and (min-width: 768px) {
  .mfilter-box .box-heading {display: inline-block; padding: 0;}

  /* .mfilter-box .box-heading::before, */
  .mfilter-box .box-heading .icon.close,
  .mfilter-box .box-heading.togglelink::after {display: none;}
}

.mfilter-box .mfilter-content > ul > li h3.mfilter-heading {clear: none!important; font-size: 16px; margin: 0 0 1em 0; padding: 0;}
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap;}
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option label {width: 100%; display: flex; align-items: center; word-break: normal; margin: 0; padding: 0!important;}

.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option input:checked + label {font-weight: bold;}

/* counter */
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option .mfilter-counter:not(.mfilter-close) {font-weight: normal; font-size: 80%!important;}
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option .mfilter-counter:not(.mfilter-close):before {content: "(";}
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option .mfilter-counter:not(.mfilter-close):after {content: ")";}

/* counter close */
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option.mfilter-disabled .mfilter-counter.mfilter-close {width: 20px; height: 20px; margin-left: auto; text-indent: 100%; white-space: nowrap; overflow: hidden; cursor: pointer;}
.mfilter-box .mfilter-content > ul > li .mfilter-options .mfilter-option.mfilter-disabled .mfilter-counter.mfilter-close::before {text-indent: 0; font-size: 20px; font-weight: 400;}


/* active_filters */
#active_filters {display: none;}
#active_filters .active-filters-inner {display: flex; flex-direction: row; flex-wrap: wrap; margin-bottom: 30px;}
#active_filters .active-filters-inner .mfilter-filter-item {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; margin: 0 8px 8px 0; text-align: center;}
#active_filters .active-filters-inner .mfilter-filter-item label > span {display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; font-weight: bold;}
#active_filters .active-filters-inner .mfilter-filter-item label > span .icon.remove {width: 12px; height: 12px; margin-left: 5px; font-weight: 900;}

#active_filters .active-filters-inner .mfilter-button-reset.ico::before,
#active_filters .active-filters-inner .mfilter-filter-item label > span .icon.remove::before {font-size: 14px;}

#active_filters .active-filters-inner .mfilter-filter-item span.mfilter-heading,
#active_filters .active-filters-inner .mfilter-filter-item label > span,
#active_filters .active-filters-inner .mfilter-button-reset {padding: 5px 10px; font-size: 13px;}

@media screen and (max-width: 767px) {
  #active_filters .active-filters-inner .mfilter-button-reset {min-width: 100%; width: 100%; margin: 1em 0 0 0; font-size: 15px;}
}

@media screen and (min-width: 768px) {
  #active_filters .active-filters-inner .mfilter-button-reset {margin: 0 0 8px 0;}
}



/* mfilter-image */
.mfilter-box .mfilter-content ul li.mfilter-image {border: none;}
.mfilter-box .mfilter-content ul li.mfilter-image ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.mfilter-box .mfilter-content ul li.mfilter-image ul li {margin: 0 5px 5px 0!important; padding: 0;}
.mfilter-box .mfilter-content ul li.mfilter-image ul li.mfilter-disabled ul li {opacity: .3;}
.mfilter-box .mfilter-content ul li.mfilter-image ul li label::before {display: none;}

/* slider */
.mfilter-box .mfilter-content ul li .mfilter-options .mfilter-option.slider-container {justify-content: center;}
.mfilter-box .mfilter-content ul li .mfilter-options .mfilter-option.slider-container .slider {margin-bottom: 1.5em;}

/* live-filter */
.mfilter-live-filter {margin: 0 0 1em 0;}
.mfilter-live-filter input.input-search {box-shadow: none;}


/* review-store */
.review-store {text-align: left;}
.review-store .col {margin-bottom: 0;}
.review-store blockquote {font-style: normal; font-size: 15px; margin: 0 0 1em 0; padding: 35px 0 0 0;}
.review-store blockquote::before {top: -20px;}
.review-store .author {font-size: 13px;}
.review-store .author .rating {margin-right: 0.5em;}

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

#review-form {margin-bottom: 30px;}


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



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




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



/* feedback */
#feedback-box {margin-bottom: 30px; text-align: center;}
#feedback-content {display: inline-block; margin: 0 auto; padding: 20px 30px;}
#feedback-content span {font-weight: bold; margin-right: 10px;}
#feedback-content .button-small + .button-small {margin-left: 0.5em;}

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

#feedback-form {text-align: left;}
#feedback-form.inbox-slide {position: relative;}
#feedback-form.inbox-slide h2 {padding-right: 20px;}
#feedback-form.inbox-slide button.close {position: absolute; top: 0; right: 0;}


/* compare-popup */
#compare-popup {flex-wrap: wrap; border-width: 1px; border-style: solid;}
#compare-popup > div {align-items: center; flex-wrap: nowrap;}
#compare-popup > div:last-child {flex-grow: 1;}
#compare-popup > div > * {white-space: nowrap;}

#compare-popup,
#compare-popup > div {display: flex;}

#compare-popup span.items,
#compare-popup .button.smaller {margin: 0 0.5em;}

#compare-popup .buttonlink {margin-left: 1em; font-weight: bold;}
#compare-popup span.items {width: 24px; min-width: 24px; height: 24px; font-size: 15px; font-weight: bold;}

@media screen and (max-width: 319px) {
  body#page-product #compare-popup {right: 20px; display: flex; }

  #compare-popup a strong,
  #compare-popup div:last-child {display: none;}
}

@media screen and (max-width: 419px) {
  #compare-popup .buttonlink {display: none;}
}

@media screen and (max-width: 479px) {
  #compare-popup a strong {display: none;}
}

@media screen and (max-width: 767px) {
  body:not(#page-product) #compare-popup {border: 0; border-radius: 0;}
  body#page-product #compare-popup {left: 20px; bottom: 80px; width: initial;}
}

@media screen and (min-width: 320px) {
  #compare-popup > div {padding: 0 10px;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    body#page-product #compare-popup {right: auto;}
}

@media screen and (min-width: 768px) {
  #compare-popup {bottom: 20px; left: 20px; right: auto; width: initial;}
}



/* responsive iframe video (16:9) */
.article iframe[src*="youtube"],
.responsive-video {width: 640px; height: 360px; max-width: 100%; border: 0;}

@media screen and (max-width: 767px) {
  .article iframe[src*="youtube"],
  .responsive-video {display: block; aspect-ratio: 16 / 9; width: 100%; height: auto;}
}



/* ************************* libary ************************* */

/* Owl Carousel v2.3.4 */
.owl-carousel,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {position: relative;}

.owl-carousel .owl-stage-outer {width: 100%; overflow: hidden;}
.owl-carousel .owl-item {float: left; overflow: hidden;}

.owl-carousel button span {display: none;}
.owl-carousel .owl-item img {backface-visibility: hidden;}


/* owl-nav */
.owl-carousel .owl-nav > button.owl-prev::before {content: "\f104";}
.owl-carousel .owl-nav > button.owl-next::before {content: "\f105";}

.owl-carousel .owl-nav > button {display: inline-block; transition: opacity .2s ease-in-out;}
.owl-carousel .owl-nav > button::before {display: flex; justify-content: center; align-items: center; border: 0;}
.owl-carousel .owl-nav > button:hover {opacity: .9;}
.owl-carousel .owl-nav > button.disabled {opacity: .3;}


/* owl-dots */
.owl-carousel .owl-dots {position: absolute; bottom: 10%; left: 0; right: 0; margin: auto; text-align: center; z-index: 99;}
.owl-carousel .owl-dots .owl-dot {position: relative; display: inline-block; width: 14px; height: 14px; margin: 5px; padding: 0!important; border: 0; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.5); border: 1px solid transparent;}
.owl-carousel .owl-dots .owl-dot span {display: none;}
.owl-carousel .owl-dots .owl-dot::before {position: absolute; right: 0; bottom: 0; content: ""; width: 0; height: 100%; transition: .4s ease-in;}
.owl-carousel .owl-dots .owl-dot.active::before {width: 100%; left: 0;}

.owl-carousel .owl-dots .owl-dot,
.owl-carousel .owl-dots .owl-dot::before {border-radius: 0;}

.owl-carousel .owl-dots {display: none;}

@media screen and (min-width: 480px) {
  .owl-carousel:hover .owl-dots {display: block;}
}

/* carousel crossfade */
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}



/* Fancybox v3.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; backface-visibility: hidden; touch-action: manipulation; transform: translateZ(0); z-index: 99992;}
.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;}
.fancybox-outer {-webkit-overflow-scrolling: touch; overflow-y: auto;}
.fancybox-bg {width: 100%!important; height: 100%!important; 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; 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; 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 {position: relative; display: inline-block; max-width: 100%; margin: 0; padding: 44px; text-align: left; vertical-align: middle; overflow: auto; -webkit-overflow-scrolling: touch;}
.fancybox-slide--image .fancybox-content {position: absolute; top: 0; left: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; background-size: 100% 100%; max-width: none; transform-origin: top left; transition-property: opacity, opacity; animation-timing-function: cubic-bezier(.5,0,.14,1); backface-visibility: hidden; -webkit-user-select: none; user-select: none; overflow: visible; z-index: 99995;}
.fancybox-can-zoomOut .fancybox-content {cursor: zoom-out;}
.fancybox-can-zoomIn .fancybox-content {cursor: zoom-in;}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {cursor: grab;}
.fancybox-is-grabbing .fancybox-content {cursor: grabbing;}
.fancybox-container [data-selectable='true'] {cursor: text;}
.fancybox-image,
.fancybox-spaceball {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: none; max-width: none; margin: 0; padding: 0; background: transparent; border: 0; -webkit-user-select: none; user-select: none;}
.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; transform: scaleX(0); transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998;}
.fancybox-close-small {position: absolute; right: 0; top: 0; border: 0; width: 40px; height: 40px; margin: 0; padding: 6px; background: transparent; cursor: pointer; border-radius: 0; z-index: 401;}
.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; 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; inset: 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; inset: 0; content: ""; opacity: 0; transition: all .2s ease-in;}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}

/* inline */
.fancybox-slide--html .fancybox-content {min-width: 20%; max-width: 100%; max-height: 100%;}

/* iframe branch */
.modal_full.branch .fancybox-slide--iframe .fancybox-content {background-color: #292829;}

/* inline branch */
.modal_full.branch .fancybox-content.branch-wrapper {min-width: 100%; min-height: 100%!important;}

/* PPL branch helper */
.modal_full.branch .fancybox-content.branch-wrapper#ppl-parcelshop-map .ppl-parcelshop-map {height: 100%; max-height: 100%;}
.modal_full.branch .fancybox-content.branch-wrapper#ppl-parcelshop-map .control-panel label::before {display: none;}

@media screen and (max-width: 479px) {
  .fancybox-toolbar > *:not(.fancybox-button--close) {display: none!important;}
}

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

  .fancybox-slide--html .dropdown-menu.content.fancybox-content {width: 90%!important;}
}

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

  .fancybox-slide--html .dropdown-menu.content.fancybox-content {width: 50%!important;}
}

@media screen and (min-width: 1360px) {
  .fancybox-slide--html .dropdown-menu.content.fancybox-content {width: 500px!important;}
}



/* tooltipster v4.2.8 */
.tooltipster-base {display: flex; position: absolute; pointer-events: none;}
.tooltipster-box {flex: 1 1 auto; max-width: 90vw;}
@media screen and (min-width: 1360px) {.tooltipster-box {max-width: 30vw;}}
.tooltipster-content {max-height: 100%; max-width: 100%; overflow: hidden; box-sizing: border-box;}
.tooltipster-ruler {position: fixed; bottom: 0; left: 0; overflow: hidden; right: 0; top: 0; visibility: hidden;}
.tooltipster-fade {opacity: 0; transition-property: opacity;}
.tooltipster-fade.tooltipster-show {opacity: 1;}
 @keyframes tooltipster-fading {0% {opacity: 0;} 100% {opacity: 1;}}
 .tooltipster-update-fade {animation: tooltipster-fading 400ms;}

.tooltipster-sidetip .tooltipster-box {background: #565656; border: 2px solid black; border-radius: 4px;}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {margin-top: 8px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {margin-right: 8px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {margin-left: 8px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {margin-bottom: 8px;}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {color: white; font-size: 13px; line-height: 1.4; padding: 6px 14px; overflow-wrap: anywhere!important;}

.tooltipster-sidetip .tooltipster-arrow {overflow: hidden; position: absolute;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {height: 10px; margin-left: -10px; top: 0; width: 20px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {height: 20px; margin-top: -10px; right: 0; top: 0; width: 10px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {height: 20px; margin-top: -10px; left: 0; top: 0; width: 10px;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {bottom: 0; height: 10px; margin-left: -10px; width: 20px;}

.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {height: 0; position: absolute; width: 0;}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {border: 10px solid transparent;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {border-bottom-color: #565656; left: 0; top: 3px;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {border-left-color: #565656; left: -3px; top: 0;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {border-right-color: #565656; left: 3px; top: 0;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {border-top-color: #565656; left: 0; top: -3px;}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {border: 10px solid transparent; left: 0; top: 0;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {border-bottom-color: black;}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {border-left-color: black;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {border-right-color: black;}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {border-top-color: black;}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {position: relative;}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {top: -10px;}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {left: -10px;}


/* elevateZoom */
.zoomContainer {z-index: 10;}


/* bighover */
#bighoverImage {box-shadow: 3px 3px 5px rgba(0,0,0,.2); z-index: 99993!important;}


/* media print */
@page {size: A4; margin: 10mm;}

@media print {
  html, body {width: 210mm; height: 297mm;}
  body {font-family: Arial, Helvetica, sans-serif; text-align: left;}

  .popup-bottom,
  .breadcrumb.responsive-hide,
  body > *:not(#content-wrapper),
  #column-left {display: none;}

  #content {width: 100%!important;}

  #image-main {max-width: 100%; min-height: 400px;}

  h1 {font-size: 24pt;}
}