/* source-sans-pro-300 - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-300.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-300italic - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-300italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-regular - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-italic - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-600 - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-600.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-600italic - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 600;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-600italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-700 - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-700.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
/* source-sans-pro-700italic - latin-ext_latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Source Sans Pro";
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.eot");
  /* IE9 Compat Modes */
  src: url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.woff") format("woff"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v21-latin-ext_latin-700italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}
html {
  -webkit-font-smoothing: antialiased;
}

body,
.ui-widget,
input,
textarea {
  font-family: "Source Sans Pro", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 1300px) {
  .container {
    width: 1280px;
  }
}
.slicknav_menu {
  display: none;
}

.container img {
  max-width: 100%;
}

.bold {
  font-weight: bold;
}

.pink {
  background-color: pink !important;
}

.btn-red {
  display: inline-block;
  padding: 5px 15px;
  color: #fff !important;
  background-color: #c41f10;
  opacity: 0.95;
  border: 0;
  border-radius: 5px;
  /* border-top: 2px solid #da492d; */
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none !important;
}
.btn-red:hover {
  color: #fff;
  background-color: #b31000;
}

.btn-green {
  display: inline-block;
  padding: 10px 20px;
  color: #fff !important;
  background-color: #4e881e;
  border: 0;
  border-radius: 4px;
  font-weight: bold;
  text-transform: uppercase;
}
.btn-green:hover {
  color: #fff;
  text-decoration: underline;
}

.btn-large {
  font-size: 18px;
}

.uppercase {
  text-transform: uppercase;
}

.clear {
  clear: both;
}

.text-input {
  padding: 7px 15px;
  color: #666;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px;
  box-shadow: none;
  outline: 0;
}

/* header */
#wrap-header .category-main-menu {
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  height: 70px;
}
#wrap-header .category-main-menu li {
  position: relative;
  height: 100%;
  display: flex;
}
#wrap-header .category-main-menu li a {
  padding: 5px 20px;
  display: flex;
  align-items: center;
  color: #333333;
  font-size: 17px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#wrap-header .category-main-menu li.active a,
#wrap-header .category-main-menu li a:hover {
  color: #333333;
  text-decoration: none;
}
#wrap-header .category-main-menu li.active ul li a {
  color: #222;
}
#wrap-header .category-main-menu li ul li a:hover {
  background-color: #b8b8b8;
  color: #222;
}
#wrap-header .category-main-menu > li .dropdown-menu {
  margin-top: 5px;
  padding: 0 0 5px 0;
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.55);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 50px rgba(34, 34, 34, 0.34);
}
#wrap-header .category-main-menu .dropdown-menu li.active a {
  background-color: #f1bcbb;
}
#wrap-header .category-main-menu li ul li {
  float: none !important;
}
#wrap-header .category-main-menu li ul li a {
  display: block;
  padding: 5px 15px;
  color: #101010;
  font-size: 16px;
  font-weight: 400;
  transition: 0.05s;
}
#wrap-header .category-main-menu .caret {
  margin-left: 5px;
  border: none;
  position: relative;
  width: 10px;
  height: 12px;
}
#wrap-header .category-main-menu .caret:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-size: 10px;
}
#wrap-header .category-main-menu > * {
  transition: all 0.3s;
}
#wrap-header .category-main-menu:hover > * {
  opacity: 0.3;
}
#wrap-header .category-main-menu:hover > :hover {
  opacity: 1;
}
#wrap-header .category-main-menu li > ul li {
  transition: all 0.3s;
}
#wrap-header .category-main-menu li > ul:hover > :hover {
  opacity: 1;
}

#wrap-header .category-main-menu li ul li a:hover {
  background-color: rgba(0, 0, 0, 0.55);
  color: #fff;
  transition: 0.05s;
}

#wrap-header .category-main-menu li.active a,
#wrap-header .category-main-menu li a:hover {
  background-color: transparent;
}

#wrap-header .category-main-menu .dropdown-menu li.active a {
  background-color: #656565;
  color: #fff;
}

#wrap-header .category-main-menu li ul li a {
  font-size: 14.5px;
  width: 100%;
}

.dropdown-menu {
  border: 1px solid #ddd;
  margin: 1px 0 0;
  border-radius: 1px;
  transition: 0.12s;
}

.main-menu-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#basket-preview {
  display: block;
  height: 30px;
  position: relative;
  width: 30px;
}

.basket-header-icon {
  height: 30px;
  width: 27px;
  position: relative;
}
.basket-header-icon::after {
  content: "\f291";
  font-family: "Font Awesome 5 Pro";
  font-size: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #000;
  font-weight: 300;
  transition: all 0.3s;
}
.basket-header-icon:hover::after {
  color: #ff4949;
}

.basket-preview-opener {
  display: block;
  height: 100%;
}

.header-cart-num {
  position: absolute;
  border-radius: 50%;
  background: #333;
  color: #fff;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  right: -5px;
  bottom: -3px;
  height: 19px;
  width: 19px;
}

#basket-preview a {
  color: #525252;
  display: block;
}
#basket-preview #cart-price {
  font-weight: bold;
}
#basket-preview .fa {
  font-size: 20px;
  margin-right: 5px;
  display: inline-block;
}
#basket-preview .kosik-text1,
#basket-preview .kosik-text2 {
  display: inline-block;
}
#basket-preview a:hover span {
  text-decoration: underline;
}

#basket-preview-content {
  position: absolute;
  top: calc(100% + 20px);
  right: -15px;
  z-index: 1100;
  width: 300px;
  background-color: #fff;
  border: 2px solid rgba(27, 27, 27, 0.81);
  padding: 10px;
  /* border-radius: 5px; */
}

#basket-preview-box {
  position: relative;
}

#basket-preview-content #basket-preview-content-inner:after, #basket-preview-content #basket-preview-content-inner:before {
  bottom: 100%;
  right: 20px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#basket-preview-content #basket-preview-content-inner:after {
  border-color: transparent;
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -12px;
}
#basket-preview-content #basket-preview-content-inner:before {
  border-color: transparent;
  border-bottom-color: rgba(27, 27, 27, 0.81);
  border-width: 13px;
  margin-left: -14px;
  right: 17px;
}
#basket-preview-content .basket-preview-item {
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: middle;
  display: flex;
  align-items: center;
}
#basket-preview-content .basket-preview-item img {
  width: 50px;
  height: auto;
  margin-right: 20px;
  border: 1px solid #eaeaea;
}
#basket-preview-content .basket-preview-item .item-name {
  width: calc(100% - 50px - 30px - 25px);
  text-align: left;
}
#basket-preview-content .basket-preview-item a.product-name {
  color: #1e2732;
  font-size: 13px;
  text-decoration: underline;
}
#basket-preview-content .basket-preview-item .item-qty {
  width: 30px;
  padding: 0px 0px 0 0;
  font-weight: bold;
  text-align: center;
}
#basket-preview-content .basket-preview-item .item-price {
  display: none;
}
#basket-preview-content .basket-preview-item .item-remover {
  text-align: right;
  width: 25px;
}
#basket-preview-content .basket-preview-item .item-remover .remover {
  color: #1e2732;
}
#basket-preview-content .basket-preview-price-total {
  clear: both;
  float: left;
  margin-top: 10px;
  padding-top: 10px;
  color: #1e2732;
  font-size: 16px;
  font-weight: 700;
}
#basket-preview-content .basket-preview-pokladna {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
#basket-preview-content .basket-preview-pokladna a {
  display: inline-block;
  padding: 10px 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

#basket-preview-content-inner .toparrow {
  position: absolute;
  top: -9px;
  left: 164px;
  display: block;
  width: 12px;
  height: 6px;
  background: transparent url("/images/shim/bg-cart-arrow.png") left center no-repeat;
}

#cart-count {
  font-weight: bold;
}

#wrap-header {
  position: relative;
  z-index: 199;
}
#wrap-header .navbar-default {
  background: transparent;
  border: none;
}
#wrap-header .navbar-brand {
  padding: 0;
  height: 70px;
  display: flex;
  align-items: center;
}
#wrap-header .navbar {
  margin-bottom: 0;
  min-height: 70px;
  border: 0;
  border-radius: 0;
}
#wrap-header .navbar-header {
  width: 250px;
  height: 70px;
  display: flex;
  align-items: center;
}
#wrap-header .navbar-header img {
  max-height: 100%;
}

.body-sk #wrap-header .navbar-header img {
  width: 200px;
}

.body-en #wrap-header .navbar-header img {
  width: 150px;
}

.body-de #wrap-header .navbar-header img {
  width: 150px;
}

#wrap-menu {
  position: relative;
  z-index: 199;
  display: flex;
  align-items: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.08);
}

.main-navbar-inner {
  display: flex;
  width: 100%;
}

.fulltext-icon-show {
  width: 100%;
  height: 30px;
  cursor: pointer;
  display: block;
  position: relative;
}
.fulltext-icon-show:after {
  content: "\f002";
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  color: #333333;
  font-size: 23px;
  font-weight: 300;
  padding-top: 2px;
  transition: all 0.3s;
}
.fulltext-icon-show:hover::after {
  color: #ff4949;
}

.fulltext-icon-hide {
  width: 36px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  right: -4px;
  top: 7px;
  display: none;
  color: #333333;
  font-weight: 300;
  font-size: 26px;
  line-height: 1;
  padding-top: 0px;
}

.fulltext-wrap-search {
  display: none;
}

nav .fulltext-form {
  float: none;
  width: 100%;
  margin: 0 auto;
  padding: 0px 0px;
  padding-right: 18px;
  background: #ededed;
  border-radius: 999px;
  height: 38px;
}
nav .fulltext-form form {
  display: flex;
}
nav .fulltext-form .fulltext-input-query {
  padding: 5px;
  color: #333333;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
  width: calc(100% - 50px);
  height: 30px;
  font-size: 16px;
}
nav .fulltext-form .fulltext-input-submit {
  width: 26px;
  height: 30px;
  border: none;
  position: relative;
  background: transparent;
}
nav .fulltext-form .fulltext-input-submit:after {
  content: "\f002";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  color: #333333;
  font-weight: 300;
  font-size: 20px;
}

.main-manu-with-search {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: calc(100% - 250px);
  margin-left: auto;
}

.main-menu-wrap {
  width: calc(100% - 80px);
}

.main-menu-right {
  background: #ededed;
  border-radius: 999px;
  padding: 4px;
  color: #333333;
  width: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 38px;
}
.main-menu-right.open {
  width: 100%;
}

.main-menu-search,
.main-menu-cart {
  width: 50%;
}

.main-menu-search.open {
  width: 100%;
  position: relative;
}

nav .fulltext-form form {
  min-height: 42px;
  padding: 5px 0px;
}
nav .fulltext-form .fulltext-input-query {
  color: #333333;
  font-size: 16px;
}
nav .fulltext-form .fulltext-input-query::placeholder {
  color: #333333;
}

.autocomplete-wrap {
  display: none;
  position: absolute;
  top: calc(100% + 0px) !important;
  right: 0px;
  max-height: 600px;
  overflow-y: auto;
  width: 100%;
  background-color: #fff;
  z-index: 9999;
  border: 2px solid #efefef;
  padding: 15px 15px 30px 15px;
}
.autocomplete-wrap h4 {
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
}

.fulltext-form form {
  position: relative;
}

.search-result-box {
  display: flex;
  flex-wrap: wrap;
}

.search-categories,
.search-products {
  margin-bottom: 20px;
  width: 50%;
}

.search-categories #category-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.search-category-item {
  width: 50%;
  padding: 3px;
}
.search-category-item a {
  color: #000;
  transition: all 0.3s;
  padding: 5px 10px;
  display: block;
}
.search-category-item a i {
  margin-left: 10px;
}
.search-category-item a:hover {
  color: #ff3033;
  text-decoration: none;
  background-color: #f5f5f7;
}

.search-product-item {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  transition: all 0.3s;
  padding: 5px 10px;
}
.search-product-item:hover {
  background-color: #f5f5f7;
}
.search-product-item .search-img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.search-product-item .search-img img {
  max-width: 100%;
  max-height: 100%;
}
.search-product-item .search-name {
  width: calc(100% - 100px - 60px);
}
.search-product-item .search-name a {
  line-height: 1.2;
  color: #000000;
  display: block;
  transition: all 0.3s;
  padding-left: 10px;
  padding-right: 10px;
  min-height: 50px;
  display: flex;
  align-items: center;
}
.search-product-item .search-name a:hover {
  color: #ff3033;
  text-decoration: none;
}
.search-product-item .search-price {
  color: #ff3033;
  font-weight: 600;
  margin-left: auto;
  width: 100px;
  text-align: right;
}

.view-all {
  text-align: right;
  margin-top: 10px;
  width: 100%;
}
.view-all a {
  line-height: 1.2;
  color: #000000;
  display: block;
  transition: all 0.3s;
  font-weight: 600;
}
.view-all a:hover {
  color: #ff3033;
  text-decoration: none;
}

.navbar-toggle {
  margin-top: 0;
}

.currency-switch-wrap {
  padding-top: 0px;
  display: flex;
  align-items: center;
}

#topbar-alert {
  padding: 0px 0;
  background-color: transparent;
  width: 50%;
}
#topbar-alert p:last-child {
  margin-bottom: 0 !important;
}

#secondaryMenu li a:hover {
  transition: 0.25s;
  text-decoration: none;
}

#secondaryMenu:hover > * {
  opacity: 0.3;
}
#secondaryMenu:hover > :hover {
  opacity: 1;
}

#secondaryMenu {
  transition: all 0.3s;
}
#secondaryMenu li {
  transition: all 0.3s;
}
#secondaryMenu li a {
  display: block;
  color: #dedede;
  font-weight: 500;
  margin: 0px 2px;
  padding: 5px 5px;
  background: none;
  transition: 0.25s;
  font-size: 14.5px;
}
#secondaryMenu li a b {
  display: none;
}

.link-price {
  display: inline-block;
  margin: 0;
  padding: 3px 8px;
  color: white !important;
  background-color: #5f5f5f;
  font-size: 12px;
  border-radius: 99999px;
  font-weight: 600;
  text-decoration: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
}
.link-price.active {
  background-color: #337ab7;
  display: none;
}
.link-price:hover {
  background-color: rgba(95, 95, 95, 0.8);
  color: #fff;
  text-decoration: none;
}

.dropdown-lang {
  position: relative;
  height: 24px;
  margin-left: 4px;
}
.dropdown-lang .btn-lang {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
  padding: 0;
  background: none;
  border: 0px solid #ededed;
}
.dropdown-lang .btn-lang img {
  width: 24px;
  height: 24px;
  display: block;
  object-fit: cover;
}
.dropdown-lang .lang-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  width: 0;
  overflow: hidden;
  background: #ededed;
  opacity: 0;
  transition: opacity 0.7s;
  border-radius: 999px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.dropdown-lang:hover .lang-menu {
  display: flex;
  width: auto;
  opacity: 1;
  padding: 0px;
}
.dropdown-lang .lang-menu li {
  width: 24px;
  height: 24px;
  margin-left: 2px;
}
.dropdown-lang .lang-menu li img {
  width: 24px;
}

.body-cs .lang-menu li.lang-cs,
.body-en .lang-menu li.lang-en,
.body-sk .lang-menu li.lang-sk,
.body-de .lang-menu li.lang-de {
  display: none;
}

.body-cs .lang-menu li.lang-sk {
  order: 1;
}
.body-cs .lang-menu li.lang-de {
  order: 2;
}
.body-cs .lang-menu li.lang-en {
  order: 3;
}

.body-sk .lang-menu li.lang-cs {
  order: 1;
}
.body-sk .lang-menu li.lang-de {
  order: 2;
}
.body-sk .lang-menu li.lang-en {
  order: 3;
}

.body-de .lang-menu li.lang-cs {
  order: 1;
}
.body-de .lang-menu li.lang-sk {
  order: 2;
}
.body-de .lang-menu li.lang-en {
  order: 3;
}

.body-en .lang-menu li.lang-cs {
  order: 1;
}
.body-en .lang-menu li.lang-sk {
  order: 2;
}
.body-en .lang-menu li.lang-de {
  order: 3;
}

.header-top-menu {
  display: flex;
  min-height: 46px;
  background: #222;
  color: #dedede;
  align-items: center;
}
.header-top-menu a {
  color: #dedede;
}
.header-top-menu-inner {
  display: flex;
  width: 100%;
  align-items: center;
}
.header-top-menu-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-right-col {
  display: flex;
  align-items: center;
  margin-left: 20px;
}

#wrap-menu.scroll {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body.scroll {
  padding-top: 40px;
}

@media (max-width: 992px) {
  #wrap-header #wrap-menu.scroll .navbar-header {
    top: 0;
    height: 52px;
  }
}
@media (min-width: 991px) {
  #wrap-menu .dropdown-menu {
    max-height: calc(100vh - 80px);
    overflow: auto;
  }
}
@media (max-width: 1299px) {
  #wrap-header .category-main-menu li a {
    padding: 5px 10px;
  }
}
@media (max-width: 1199px) {
  #wrap-header .category-main-menu li a {
    padding: 5px 8px;
    font-size: 15px;
  }
  #wrap-header .navbar-header {
    width: 150px;
  }
  .main-manu-with-search {
    width: calc(100% - 150px);
    padding-left: 20px;
  }
}
@media (max-width: 991px) {
  #wrap-header {
    position: static;
  }
  #wrap-header .category-main-menu > li .dropdown-menu {
    top: 0;
  }
  #wrap-header #menu ul.category-main-menu {
    float: none;
  }
  #wrap-header #menu li {
    float: none;
    width: 100%;
    margin: 0;
    flex-direction: column;
  }
  #wrap-header #menu li a {
    color: #101010;
    padding: 10px;
    font-size: 14px;
  }
  #wrap-header #menu li a:hover {
    background: #fff;
  }
  #secondaryMenu {
    float: none;
    border: none;
    width: 100%;
    margin: 0;
  }
  #secondaryMenu li {
    float: none;
    width: 100%;
  }
  #wrap-header #menu #secondaryMenu li a {
    padding: 12px 0 12px 25px !important;
    display: block;
    margin-left: 0;
    color: #101010;
    background: none;
    border: none;
    color: #9f9f9f;
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  #secondaryMenu li a:hover {
    background: #fff;
    text-decoration: underline;
  }
  #wrap-menu {
    position: static;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    height: 70px;
  }
  .main-menu-wrap {
    width: 250px;
    position: fixed;
    top: 0;
    z-index: 1000;
    display: none;
    height: 100vh;
    left: 0;
  }
  .main-menu-wrap.open {
    display: block;
  }
  .main-menu-wrap.open .dropdown-menu {
    background-color: #333333 !important;
  }
  .main-menu-wrap.open .dropdown-menu a {
    font-size: 15px !important;
  }
  #wrap-header #menu {
    height: 100% !important;
    padding: 0;
    padding-bottom: 20px;
  }
  .allPage-wrap {
    position: relative;
    overflow: hidden;
  }
  .allPage-content {
    transition: all 0.3s;
  }
  .allPage-content.open {
    position: relative;
    margin-left: 250px;
    margin-right: -250px;
  }
  .allPage-content.open:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 200;
  }
  .navbar {
    position: static;
  }
  #wrap-header #menu ul.category-main-menu {
    padding-left: 0px;
  }
  .main-navbar-inner {
    justify-content: space-between;
  }
  .main-manu-with-search {
    padding-left: 0px;
    width: calc(100vw - 110px);
    padding-left: 0px;
    display: flex;
    justify-content: flex-end;
  }
  .navbar-toggle-wrap {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .main-menu-right {
    position: relative;
  }
  .navbar-toggle {
    margin-bottom: 0;
  }
  #wrap-header .navbar-header {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 42px;
  }
  #topbar-alert {
    width: 100%;
  }
  .search-categories,
  .search-products {
    width: 100%;
  }
  .autocomplete-wrap {
    display: none;
    position: absolute;
    top: calc(100% + 0px) !important;
    overflow-y: auto;
    width: 100%;
  }
  .main-menu-cart {
    padding: 0;
    margin-right: 0px;
    width: 50px;
  }
  #basket-preview {
    margin: 5px 0;
    /* display: none; */
  }
  .currency-switch-wrap {
    padding-top: 0;
    padding-bottom: 5px;
  }
  .navbar-toggle {
    margin-right: 0;
    position: relative;
    top: auto;
    bottom: 0;
    left: 0;
    left: auto;
    z-index: 999;
    background: none;
    border: none;
    display: block !important;
  }
  .navbar-toggle:focus,
  .navbar-default .navbar-toggle:hover {
    background-color: #a1a1a1;
    transition: 0.3s;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #333;
    width: 28px;
    height: 3px;
    border-radius: 15px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4.5px;
  }
  .navbar-collapse {
    overflow-x: visible !important;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.in {
    overflow-y: auto !important;
  }
  .collapse.in {
    display: block !important;
  }
  #wrap-header .category-main-menu {
    height: auto;
  }
  .main-menu-wrap.open #menu .component-box#category-tree .category-main-menu li a {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #wrap-menu .container {
    width: 100%;
  }
}
/* end header */
.page-links ul {
  padding: 0;
  margin: 0;
}
.page-links li {
  list-style: none;
  float: left;
  margin-right: 10px;
  padding: 0;
}

#breadcrumbs {
  padding: 25px 0 20px;
  font-size: 13px;
  color: #333;
}
#breadcrumbs a {
  color: #333;
}
#breadcrumbs strong {
  color: #ff2a00;
  font-weight: 400;
}
#breadcrumbs div {
  display: inline !important;
}

footer {
  padding: 45px 0;
  color: #fff;
  background-color: #323c46;
  font-size: 14px;
}
footer img {
  max-width: 30%;
}
footer ul.contacts {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer li {
  list-style: none;
  margin-bottom: 7px;
}
footer .fa:before,
footer .fab:before {
  display: inline-block;
  width: 42px;
  height: 42px;
  padding: 4px;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  color: #fff;
  background-color: #d81501;
}
footer .contacts a,
footer .item-footer-contact a {
  font-size: 16px;
  color: #aaa;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
}
footer h5 {
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
}
footer .contacts li {
  margin-bottom: 12px;
}

.footer-contact-bottom {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  align-items: center;
}

.footer-contact-bottom-left {
  width: 150px;
}

.footer-contact-bottom-right {
  width: calc(100% - 150px);
  padding-left: 15px;
}

@media (max-width: 991px) {
  .footer-contact-bottom-left {
    width: 100%;
  }
  .footer-contact-bottom-right {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .footer-contact-bottom-left {
    width: 150px;
  }
  .footer-contact-bottom-right {
    width: calc(100% - 150px);
    margin-top: 0px;
  }
}
/*#newsletter-form {clear: both; float: right; }*/
/*#newsletter-form label {display: none;}*/
#newsletter-form #subscriber_email {
  min-width: 250px;
  margin-right: -4px;
  padding: 7px 15px;
  color: #666;
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 3px 0px 0px 3px;
  box-shadow: none;
  outline: 0;
  /* padding-right: 80px; */
}
#newsletter-form #subscriber_submit {
  border-left: 3px solid #810c01;
  background: #d81501;
  border: 0;
  cursor: pointer;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  top: 1px;
  position: relative;
  font-size: 16px;
  padding: 7px 10px;
}
#newsletter-form #subscriber_submit:hover {
  background-color: #b31000;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#newsletter-form .subscriber_email_row th {
  display: none;
}
#newsletter-form .subscriber_email_row td input {
  margin-bottom: 10px;
}
#newsletter-form .subscriber_gdpr_row th {
  float: right;
}
#newsletter-form .subscriber_gdpr_row td {
  float: left;
}
#newsletter-form .subscriber_gdpr_row td input {
  margin: 0 5px 10px 0;
  zoom: 150%;
}

footer #newsletter-form form {
  position: relative;
}
footer #newsletter-form #subscriber_submit {
  position: absolute;
  right: -10px;
  top: 0;
  outline: 0;
}

.footer-nav {
  padding-top: 40px;
}

.footer-nav-cat ul {
  padding-left: 0;
}
.footer-nav-cat li {
  color: #aaa;
}
.footer-nav-cat li:before {
  content: "\f0da";
  padding-right: 10px;
  font: normal normal normal 14px/1 "Font Awesome 5 Pro";
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.footer-nav-cat li a {
  color: #aaa;
}

.footer-dark {
  padding: 12px 0;
  color: #666;
  background-color: #222b34;
  font-size: 13px;
}
.footer-dark a {
  color: #666;
}
.footer-dark p {
  margin-bottom: 0;
}

.product-list-content,
.product-related-list {
  display: flex;
  flex-wrap: wrap;
}

.product-item-avail-21,
.product-item-avail-19 {
  filter: grayscale(100%);
}
.product-item-avail-21:after,
.product-item-avail-19:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  background: #fff;
  content: "";
  pointer-events: none;
  z-index: 10;
}

.product-item {
  padding: 0;
  margin-left: -2px;
  margin-bottom: 15px;
}
.product-item .inner {
  position: relative;
  min-height: 0;
  padding: 20px 15px 15px 20px;
  text-align: center;
  border: 2px solid #cbc9c9;
  text-decoration: none;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.product-item:hover .inner:hover {
  /*box-shadow:inset 0px 0px 0px 1.5px #ff6d6d;*/
  -webkit-box-shadow: 0px 1px 28px rgba(0, 1, 1, 0.25);
  -webkit-transform: translateY(-4px);
  z-index: 10;
}

/*boxKartaZvyrazneni*/
.product-image {
  overflow: hidden;
  padding: 0 15px 20px 15px;
  margin-left: -15px;
  margin-right: -15px;
}
.product-image img {
  max-width: 220px;
  transition: all 0.3s;
}

.product-item:hover .product-image img {
  transform: scale(1.1);
}
.product-item h3 {
  min-height: 36px;
  margin: 5px;
}
.product-item h3 a {
  color: #ff3033;
  font-size: 16px;
  margin: 0px 0px;
  font-weight: 600;
  line-height: 1.1;
  display: block;
  text-decoration: none;
}

.product-item-bottom {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid #cbc9c9;
  /* min-height: 95px; */
  padding-top: 15px;
  justify-content: flex-end;
}

.product-item .btn-green {
  border-radius: 0;
  background: #039d2a;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  padding: 10px 30px;
  font-size: 13px;
}
.product-item .btn-green:hover {
  text-decoration: none;
  background: #057220;
  box-shadow: inset 0px 0px 0px 2px #057220;
}
.product-item .btn-green img {
  width: 18px;
  margin-top: -2px;
  margin-right: 3px;
}
.product-item h3 a span {
  color: #c41f10;
  font-size: 16px;
  font-weight: 700;
}
.product-item h3 a:hover {
  color: #d81501;
  text-decoration: underline;
}
.product-item .product-price {
  margin-bottom: 5px;
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.product-item-price {
  text-align: center;
}

.product-item .product-price.product-price-with-before {
  color: #039d2a;
}

.product-item-price-avail {
  display: flex;
  justify-content: space-between;
  width: 100%;
  line-height: 1.2;
  align-items: center;
  /* margin-bottom: 10px; */
  min-height: 35px;
}

.fake-btn {
  opacity: 0;
  color: transparent;
  display: block;
  flex-grow: 1;
  height: 100%;
}

.product-item-avail {
  text-align: right;
}
.product-item-avail .avail-available,
.product-item-avail .avail-available_supplier {
  color: #0d9314;
  font-weight: bold;
}
.product-item-avail .avail-unavailable_supplier {
  color: #626262;
  font-weight: bold;
}
.product-item-avail .avail-unavailable {
  color: #f00;
  font-weight: bold;
}
.product-item-avail .avail-available_soon {
  color: #626262;
  font-weight: bold;
}
.product-item-avail .avail-preorder {
  color: #508bce;
  font-weight: bold;
}
.product-item-avail span {
  display: block;
  text-transform: lowercase;
  margin: 0;
  padding: 0px 0px 0px 5px;
}
.product-item-avail span:first-letter {
  text-transform: capitalize !important;
}

.product-item .price-before {
  text-decoration: line-through;
  font-size: 13px;
  display: block;
}
.product-item .item-perex {
  margin-bottom: 5px;
  line-height: 1.3;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  margin-left: 25px;
  margin-right: 25px;
  padding: 7px 0;
}
.product-item .item-perex a {
  color: #6e7377;
  text-decoration: none;
}
.product-item .item-perex p {
  margin-bottom: 0;
}

.product-item-bottom-tags {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 5px;
}
.product-item-bottom-tags .product-tags-icos {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto !important;
}
.product-item-bottom-tags .product-tags-icos .product-tag-wrap {
  margin: 1px;
}

@media (max-width: 767px) {
  .product-item .inner {
    padding: 10px;
  }
  .product-item h3 {
    min-height: 0;
    margin: 0 !important;
  }
  .product-item .product-image img {
    max-height: 170px;
  }
  .product-item-bottom {
    margin-top: 5px;
    min-height: 0;
    padding-bottom: 5px;
  }
}
#product-detail-wrap h1 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 0;
}

/*
  .price-actual {color: #d81501;}
  .price-actual .price {font-size: 29px;}
  .price-actual .price-before {font-size: 17px; text-decoration: line-through;}
  .price-novat {color: #b1b1b1; font-size: 16px;}
  */
.container-page,
.container-content {
  padding-bottom: 50px;
}

.container-order,
.container-basket {
  padding-bottom: 200px;
}

.container-page a {
  text-decoration: underline;
}
.container-page a:hover {
  text-decoration: none;
}

.bs-wizard {
  margin-top: 40px;
  border-bottom: solid 1px #e0e0e0;
  padding: 0 0 10px 0;
  max-width: 1000px;
  margin: 0 auto;
}
.bs-wizard > .bs-wizard-step {
  padding: 0;
  position: relative;
}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #717171;
  font-size: 18px;
  margin-bottom: 5px;
}
.bs-wizard > .bs-wizard-step .bs-wizard-info {
  color: #999;
  font-size: 14px;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
  position: absolute;
  width: 30px;
  height: 30px;
  display: block;
  background: #222;
  top: 48px;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  border-radius: 50%;
}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
  content: " ";
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 50px;
  position: absolute;
  top: 4px;
  left: 4px;
}
.bs-wizard > .bs-wizard-step > .progress {
  position: relative;
  border-radius: 0px;
  height: 8px;
  box-shadow: none;
  margin: 20px 0;
  background: #ededed;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  width: 0px;
  box-shadow: none;
  background: #ededed;
}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
  width: 50%;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar, .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
  width: 100%;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
  background-color: #ededed;
}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
  opacity: 0;
}
.bs-wizard > .bs-wizard-step:first-child > .progress {
  left: 50%;
  width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child > .progress {
  width: 50%;
}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
  pointer-events: none;
}
.bs-wizard > .bs-wizard-step-2.active > .progress > .progress-bar,
.bs-wizard > .bs-wizard-step-3.active > .progress > .progress-bar {
  width: 100%;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.col-xs-3.bs-wizard-step.bs-wizard-step-1.active .text-center.bs-wizard-stepnum {
  color: #222;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
  color: #717171;
  font-weight: 500;
}

.col-xs-3.bs-wizard-step.bs-wizard-step-2.complete.active .text-center.bs-wizard-stepnum a {
  color: #222;
}

.col-xs-3.bs-wizard-step.bs-wizard-step-3.complete.active .text-center.bs-wizard-stepnum a {
  color: #222;
}

.col-xs-3.bs-wizard-step.bs-wizard-step-4.complete.active .text-center.bs-wizard-stepnum {
  color: #222;
}

/*Form Wizard*/
/* .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;} */
/*END Form Wizard*/
.basket-box-wrap {
  width: 100%;
  padding: 1px 30px;
  padding-bottom: 30px;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(34, 34, 34, 0.1);
  background: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
}
.basket-box-wrap h3 {
  font-weight: 700;
  font-size: 20px;
  margin-top: 20px;
}

.confirm-adress-box p {
  font-weight: 300;
  margin-bottom: 0;
}
.confirm-adress-box strong {
  font-weight: 600;
  color: #717171;
}

.confirm-del-pay-box {
  padding-bottom: 20px;
}
.confirm-del-pay-box p {
  font-weight: 300;
  margin-bottom: 0;
}
.confirm-del-pay-box strong {
  font-weight: 600;
  color: #717171;
}

#basket-products thead th {
  padding: 10px 5px;
  background-color: #f5f5f5;
}
#basket-products tfoot th {
  padding: 10px 5px;
  font-size: 18px;
}
#basket-products tbody td {
  padding: 15px 5px;
  vertical-align: middle;
}
#basket-products tbody tr:nth-child(even) td {
  background-color: #f5f5f5;
}
#basket-products .image {
  max-width: 200px;
}
#basket-products .price_one {
  width: 150px;
}
#basket-products .count {
  width: 100px;
}
#basket-products .price {
  width: 150px;
}
#basket-products .basket-remove a {
  color: #da2020;
  font-size: 20px;
}

.ui-spinner-input {
  padding: 5px;
}

#voucher-form-box {
  margin: 30px 0;
  text-align: right;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 300px;
  position: relative;
}

#content-basket.in.in-checkout-basket form #voucher-form-box label {
  margin: 0;
  font-weight: 500;
  margin-bottom: 10px;
}

#voucher-form-box #voucher_filters_code {
  padding: 0px 15px;
  padding-top: 0px;
  background: #fff;
  border-radius: 6px;
  box-shadow: none;
  outline: 0;
  font-size: 18px;
  border: 1px solid #d6d6d6;
  color: #333;
  height: 40px;
  display: block;
  width: 210px;
}
#voucher-form-box #voucher-submit {
  position: absolute;
  right: 0;
  top: 30px;
  width: 80px;
  height: 40px;
  background: rgba(54, 54, 54, 0.97);
  color: #fff;
  border: none;
  border-radius: 6px;
  opacity: 0;
  transition: all 0.3s;
}
#voucher-form-box #voucher_filters_code:focus-within ~ #voucher-submit {
  opacity: 1 !important;
}
#voucher-form-box .alert {
  position: absolute;
  bottom: -20px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}

#cart-back {
  display: inline-block;
  float: left;
  padding-top: 15px;
  color: #999;
  font-size: 12px;
}

#cart-button-continue,
.basket-submit {
  font-size: 18px;
  padding: 10px 20px;
}

#shipping-payment-box {
  padding-bottom: 30px;
}
#shipping-payment-box h3 {
  margin: 25px 0 15px;
}
#shipping-payment-box label {
  font-weight: 400;
  margin-bottom: 0;
}
#shipping-payment-box td {
  padding: 3px 5px;
}
#shipping-payment-box .name {
  width: auto;
}
#shipping-payment-box .radio {
  margin: 0;
}
#shipping-payment-box .radio input {
  position: relative;
}

.voucher-item {
  display: flex;
  align-items: center;
  width: 100%;
}
.voucher-item-name {
  width: calc(100% - 159px - 41px);
  text-align: right;
  padding: 5px 10px;
}
.voucher-item-price {
  width: 159px;
  padding: 5px 10px;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  color: #717171;
}
.voucher-item-remove {
  width: 41px;
  padding: 5px 10px;
  text-align: center;
}
.voucher-item-remove a {
  color: #222;
  font-size: 20px;
}
.voucher-item-remove a:hover {
  color: #f44444;
}

.sale-two-bike {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  margin-right: 30px;
}
.sale-two-bike-text {
  width: calc(100% - 165px);
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  color: #717171;
}
.sale-two-bike-text strong {
  color: #222;
}
.sale-two-bike-price {
  width: 165px;
  padding-right: 10px;
  text-align: right;
  font-size: 16px;
  font-weight: 600;
  color: #717171;
}

.basket-voucher-price {
  display: flex;
  align-items: center;
}

#basket-confirm .voucher-item-name {
  width: calc(100% - 159px - 0px);
}
#basket-confirm .sale-two-bike {
  margin-right: 0;
}
#basket-confirm .sale-two-bike-price {
  padding-right: 0;
}
#basket-confirm .cart-all-price-right {
  padding-right: 0px;
}
#basket-confirm #price-all-box span {
  margin-left: 0;
}

.cart-all-price {
  display: flex;
  width: 100%;
  align-items: flex-end;
  margin-top: 30px;
}
.cart-all-price-left {
  width: calc(100% - 200px);
  text-align: right;
  color: #494949;
  padding: 10px 5px;
  font-size: 18px;
  font-weight: bold;
}
.cart-all-price-right {
  width: 200px;
  color: #222;
  font-size: 21px;
  padding: 10px 5px;
  padding-right: 50px;
  text-align: right;
  font-weight: bold;
}

@media (max-width: 767px) {
  .sale-two-bike {
    flex-wrap: wrap;
    text-align: center;
    max-width: 100%;
    width: 100%;
    justify-content: center;
    padding: 10px;
    padding-right: 15px;
  }
  .sale-two-bike-text {
    width: auto;
    font-size: 14px;
  }
  .sale-two-bike-price {
    width: auto;
    padding-left: 10px;
    padding-right: 0;
    font-size: 14px;
  }
  .cart-all-price {
    margin-top: 15px;
  }
  .cart-all-price-right {
    padding-right: 15px;
  }
  .basket-voucher-price {
    flex-wrap: wrap;
  }
  #basket-confirm .basket-box-wrap {
    margin-bottom: 0;
  }
}
/* #shipping-payment-box .selected label {font-weight: 700;} */
.container-order #signin-form {
  max-width: 315px;
}
.container-order #signin-form table {
  margin-bottom: 10px;
}
.container-order #signin-form th {
  max-width: 135px;
  padding-right: 10px;
}
.container-order #signin-form a {
  display: inline-block;
  float: right;
  padding-top: 5px;
  font-size: 12px;
}
.container-order #signin-form .text-input {
  margin-bottom: 5px;
  padding: 5px;
}
.container-order #signin-form label:after {
  content: ":";
}
.container-order #signin-form input[type=submit] {
  padding: 5px 10px;
}

#basket-address #address-box {
  margin-bottom: 40px;
}

#basket-addresses-company-content {
  display: none;
}

.bootstrap-select button {
  color: #666;
  background: #fff;
  border: 1px solid #e7e7e7;
}

.content-cart-address .tabDivRowWrap,
#basket-addresses-company-content .tabDivRowWrap {
  float: left;
  width: 33%;
  margin-top: 10px;
}

.content-cart-address .tabDivRowWrap .text-input {
  max-width: 300px;
}
.content-cart-address .tabDivRowWrap.address_tel_row {
  clear: both;
}

#basket-addresses-company-wrap {
  clear: both;
}

#basket-invoice-address,
#basket-addresses-company-content {
  float: left;
  width: 100%;
}

#basket-addresses-company-wrap {
  clear: both;
  float: left;
  margin-top: 0px;
  width: 100%;
}

#basket-addresses-company-head,
#basket-addresses-switch,
#basket-addons .item .item-button {
  cursor: pointer;
}

#basket-is-same-shipping-address {
  display: none;
}

#basket-addons {
  margin: 15px 0 30px;
}
#basket-addons .item .item-content {
  display: none;
}

#basket-note {
  clear: both;
}

.basket-confirm-note {
  float: right;
}

.basket-confirm-bottom {
  border-top: 1px solid #f4f4f4;
  padding-top: 20px;
}

.basket-confirm-gdpr {
  padding-top: 20px;
}

#basket-note-box {
  margin-top: 0;
  padding-top: 0;
}
#basket-note-box label {
  font-weight: 500;
}

#basket-note-box textarea {
  clear: both;
  width: 100%;
  height: auto;
  padding: 15px;
  min-height: 100px;
  resize: none;
}

.basket-vop {
  float: left;
}

#basket-shipping-payment #basket-invoice-address {
  float: none;
}

#basket-invoice-address .adress-center-form,
#basket-addresses-company-wrap .adress-center-form,
#basket-shipping-address .adress-center-form {
  max-width: 600px;
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: 45px 45px 30px;
}

@media (max-width: 991px) {
  .basket-confirm-note {
    float: left;
  }
}
@media (max-width: 767px) {
  .basket-box-wrap h3 {
    font-size: 16px;
  }
  .basket-confirm-back {
    text-align: center;
    margin-top: 20px;
  }
  .basket-confirm-back #cart-back {
    float: none;
  }
  #basket-invoice-address .adress-center-form,
  #basket-addresses-company-wrap .adress-center-form,
  #basket-shipping-address .adress-center-form {
    padding: 20px;
  }
}
#product_tabs {
  margin: 30px 0 50px;
}

@media (min-width: 768px) {
  .product-tab-foto .product-images a {
    float: left;
    width: 50%;
  }
  .product-tab-foto .product-images a img {
    margin: 15px;
    width: calc(100% - 30px);
  }
  .product-tab-foto .product-images a:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .product-tab-foto .product-images a {
    width: 25%;
  }
  .product-tab-foto .product-images a:nth-child(2n+1) {
    clear: none;
  }
  .product-tab-foto .product-images a:nth-child(4n+1) {
    clear: both;
  }
}
.cnt-home .container-fluid {
  padding: 0 !important;
}
.cnt-home #slideshow-wrapper .slide {
  width: 100%;
  height: 400px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*
  .cnt-home .slide h2 {color: #191919; font-size: 35px;}
  .cnt-home .slide .desc {color: #191919; font-size: 28px;}
  */
#slideshow-wrapper {
  position: relative;
}
#slideshow-wrapper #slide-prev {
  position: absolute;
  top: 50%;
  left: 20px;
}
#slideshow-wrapper #slide-next {
  position: absolute;
  top: 50%;
  right: 20px;
}
#slideshow-wrapper #slide-prev,
#slideshow-wrapper #slide-next {
  z-index: 102;
  color: #d81501;
  font-size: 36px;
}
#slideshow-wrapper #slide-prev:hover,
#slideshow-wrapper #slide-next:hover {
  color: #fff;
}

.cnt-home #carousel-slideshow .item {
  width: 100%;
  height: 400px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

#carousel-slideshow {
  position: relative;
}
#carousel-slideshow #slide-prev {
  position: absolute;
  top: 50%;
  top: calc(50% - 20px);
  left: 20px;
}
#carousel-slideshow #slide-next {
  position: absolute;
  top: 50%;
  top: calc(50% - 20px);
  right: 20px;
}
#carousel-slideshow #slide-prev,
#carousel-slideshow #slide-next {
  z-index: 102;
  color: #d81501;
  font-size: 36px;
  background: none;
  width: auto;
  height: 40px;
  filter: alpha(opacity=100);
  opacity: 1;
}
#carousel-slideshow #slide-prev:hover,
#carousel-slideshow #slide-next:hover {
  color: #fff;
}

.slider-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.slider-img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.slider-img a {
  display: flex;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: relative;
  overflow: hidden;
}
.slider-img img {
  left: 50%;
  top: 0%;
  transform: translate(-50%, 0);
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  object-position: center top;
}

.slider-text > * {
  position: relative;
  z-index: 110;
}

.hp-banner {
  padding: 30px;
  background-color: #f9f9f9;
  border: 1px solid #cbc9c9;
}
.hp-banner h3 {
  margin-top: 5px;
  color: #303030;
  font-size: 28px;
  font-weight: bold;
}
.hp-banner p {
  margin-bottom: 5px;
  color: #303030;
}
.hp-banner .btn-red {
  margin-top: 10px;
  padding: 10px 20px 12px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
}

.hp-banner-pujcovna {
  background: #f9f9f9 url("../images/ekolo/hp-banner-pujcovna-new.png") 290px center no-repeat;
}

.hp-banner-servis {
  background: #f9f9f9 url("../images/ekolo/hp-banner-servis-new.png") 330px center no-repeat;
}

.actuality-item h4 {
  margin-top: 0;
}
.actuality-item h4 a {
  font-size: 20px;
  font-weight: bold;
  color: #676767;
}
.actuality-item .vice a {
  font-size: 16px;
  color: #d81501;
}

#subcategories-wrap {
  clear: both;
  position: relative;
  z-index: 104;
  list-style: none;
}
#subcategories-wrap a {
  display: block;
  height: 125px;
  z-index: 104;
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: #fff;
  text-align: center;
  color: #303030;
  font-size: 16px;
  font-weight: 400;
  border: 1px solid #cbc9c9;
}
#subcategories-wrap a:last-child {
  margin-right: 0px;
}
#subcategories-wrap #sub-senior a {
  background: #fff url("../images/ekolo/ico-hpmenu-2-off.png") center 20px no-repeat;
  padding-top: 80px;
}
#subcategories-wrap #sub-fajnsmekr a {
  background: #fff url("../images/ekolo/ico-hpmenu-5-off.png") center 20px no-repeat;
  padding-top: 80px;
}
#subcategories-wrap #sub-stredove a {
  background: #fff url("../images/ekolo/ico-hpmenu-5s-off.png") center 20px no-repeat;
  padding-top: 80px;
}
#subcategories-wrap #sub-firmy a {
  background: #fff url("../images/ekolo/ico-hpmenu-6-off.png") center 20px no-repeat;
  padding-top: 80px;
}
#subcategories-wrap a:hover {
  color: #c31f0f;
  border-color: #c31f0f;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#subcategories-wrap #sub-senior a:hover {
  background-image: url("../images/ekolo/ico-hpmenu-2-on.png");
}
#subcategories-wrap #sub-fajnsmekr a:hover {
  background-image: url("../images/ekolo/ico-hpmenu-5-on.png");
}
#subcategories-wrap #sub-stredove a:hover {
  background-image: url("../images/ekolo/ico-hpmenu-5s-on.png");
}
#subcategories-wrap #sub-firmy a:hover {
  background-image: url("../images/ekolo/ico-hpmenu-6-on.png");
}
#subcategories-wrap a:after {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  display: block;
  font-weight: 600;
  color: #494949;
  transition: all 0.3s;
}
#subcategories-wrap a:hover:after {
  color: #f44444;
}
#subcategories-wrap #sub-kopce a {
  padding-top: 80px;
  position: relative;
}
#subcategories-wrap #sub-kopce a:after {
  content: "\f6fd";
  top: 20%;
}
#subcategories-wrap #sub-sady a {
  padding-top: 80px;
  position: relative;
}
#subcategories-wrap #sub-sady a:after {
  content: "\f6fc";
  top: 17%;
}
#subcategories-wrap #sub-cykloturistika a {
  padding-top: 80px;
  position: relative;
}
#subcategories-wrap #sub-cykloturistika a:after {
  content: "\f3c5";
  top: 17%;
}
#subcategories-wrap #sub-doprace a {
  padding-top: 80px;
  position: relative;
}
#subcategories-wrap #sub-doprace a:after {
  content: "\10f206";
  font-family: "Font Awesome 5 Duotone";
  font-weight: 900;
  top: 17%;
  opacity: 0.3;
}
#subcategories-wrap #sub-doprace a:before {
  content: "\f206";
  font-family: "Font Awesome 5 Duotone";
  font-weight: 900;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  display: block;
  font-weight: 600;
  color: #494949;
  transition: all 0.3s;
  margin-top: -4px;
}
#subcategories-wrap #sub-doprace a:hover:before {
  color: #f44444;
}
#subcategories-wrap #sub-damska a {
  padding-top: 80px;
  position: relative;
}
#subcategories-wrap #sub-damska a:after {
  content: "\f182";
  top: 17%;
}

/*
  #subcategories-wrap {clear: both; position: relative; z-index: 150; list-style: none; margin-top: -40px;}
  #subcategories-wrap a {display: block; max-width: 165px; height: 128px; z-index: 150; list-style: none; margin: 0; padding: 0; margin-right: 30px; background-color: #ecf0f1; text-align: center;  color: #000; font-size: 15px; text-transform: uppercase;}
  #subcategories-wrap a:last-child {margin-right: 0px;}
  #subcategories-wrap #sub-doprace a {background: #ecf0f1 url('../images/ekolo/hp-do-prace-mesta.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap #sub-senior a {background: #ecf0f1 url('../images/ekolo/hp-pro-seniory.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap #sub-cykloturistika a {background: #ecf0f1 url('../images/ekolo/hp-cykloturistika.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap #sub-kopce a {background: #ecf0f1 url('../images/ekolo/hp-do-kopcu-a-hor.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap #sub-fajnsmekr a {background: #ecf0f1 url('../images/ekolo/hp-pro-fajnsmekry.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap #sub-firmy a {background: #ecf0f1 url('../images/ekolo/hp-pro-firmy.png') center 20px no-repeat; padding-top: 100px;}
  #subcategories-wrap a:hover {height: 138px; margin-top: -10px; -webkit-transition: all 0.5s; transition: all 0.5s;}
  */
#actuality-list {
  margin: 50px 0 25px;
}

#actuality-list-offset {
  float: left;
  margin: 50px 0 25px;
}

.container-product #product-main-images img {
  width: 100%;
  border: none;
}

#product-main-thumbs .product-images {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
  margin-bottom: 15px;
}

.product-thumb-item {
  width: 25%;
  padding: 7.5px;
}

.container-product #product-main-thumbs .product-images img {
  width: 100%;
  border: 1px solid #eee;
}
.container-product #product-main-thumbs .product-images a {
  float: left;
  display: block;
}
.container-product #product-main-thumbs .product-images a:nth-child(3n) img {
  margin-right: 0px;
}
.container-product #product-main-thumbs .product-morepics .more-plus {
  font-size: 20px;
  cursor: pointer;
}
.container-product #product-main-thumbs .product-morepics .fa {
  font-size: 22px;
  cursor: pointer;
  margin-left: 5px;
}
.container-product #product-main-thumbs .product-image {
  padding: 0;
  margin-left: 0px;
  margin-right: 0px;
}
.container-product #product-main-thumbs .product-morepics {
  display: flex;
  border: 1px solid #eee;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  width: calc(25% - 15px);
  margin: 7.5px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.container-product #product-main-thumbs .product-images .product-video {
  width: 25%;
  position: relative;
}
.container-product #product-main-thumbs .product-images .product-video .product-image {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  opacity: 0.7;
  border: 1px solid #eee;
  transition: all 0.3s;
}
.container-product #product-main-thumbs .product-images .product-video .product-image:hover {
  opacity: 1;
}
.container-product #product-main-thumbs .product-images .product-video img {
  height: 98px !important;
  width: auto !important;
  max-width: unset;
  margin-left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}
.container-product #product-main-thumbs .product-images .product-video .product-image::after {
  content: "\f144";
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 48px;
  width: 20px;
  font-family: "Font Awesome 5 Pro";
  height: 20px;
  font-size: 30px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container-product #product-main-thumbs .product-morepics.with-video {
  background: url("/images/ekolo/video-image.png") no-repeat right 25px center #f7f7f7;
  background-size: 30px auto;
  opacity: 0.8;
  text-align: left;
  padding-right: 30px;
}
.container-product #product-main-thumbs .product-morepics.with-video:hover {
  background-color: #ececec;
  opacity: 1;
}
.container-product #product-main-images {
  position: relative;
}
.container-product table {
  width: 100%;
  margin: 0 0 20px;
  background: white;
  border-bottom: 1px solid #d6d4d4;
}
.container-product table tr {
  border-top: 1px solid #d6d4d4;
}
.container-product table tr th,
.container-product table tr td {
  padding: 10px 20px 11px;
  border-left: 1px solid #d6d4d4;
  background: #e9eeef;
}
.container-product table td:first-child {
  border-left: 0;
  color: #333333;
}
.container-product table tr.odd th,
.container-product table tr.odd td {
  background: #fff;
}

@media (max-width: 1199px) {
  .container-product #product-main-thumbs .product-images .product-video img {
    height: 79px !important;
  }
}
@media (max-width: 991px) {
  .container-product #product-main-thumbs .product-images .product-video img {
    height: 57.27px !important;
  }
}
@media (max-width: 991px) {
  .container-product #product-main-thumbs .product-morepics.with-video {
    background-size: 20px auto;
    background-position: right 10px center;
    padding-left: 10px;
    font-size: 18px;
  }
  .container-product #product-main-thumbs .product-morepics .more-plus {
    font-size: 18px;
  }
}
#product-attributes th:first-child {
  width: 30%;
  color: #333333;
  font-weight: 700;
  border-left: 0;
}

.calc-cofidis {
  clear: both;
  float: left;
  max-width: 200px;
  margin-top: 0;
  color: #d81501;
  font-size: 18px;
}
.calc-cofidis strong {
  text-decoration: underline;
  cursor: pointer;
}
.calc-cofidis strong:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .calc-cofidis {
    display: none;
  }
}
.ui-tabs .ui-tabs-panel {
  clear: both;
  border: 0;
  padding: 1em 0;
}
.ui-tabs .ui-tabs-panel a {
  text-decoration: underline;
}

#product_tabs ul.ui-tabs-nav {
  clear: both;
  float: left;
  width: 100%;
  margin: 15px 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #cbc9c9;
}
#product_tabs ul.ui-tabs-nav li {
  float: left;
  margin-right: 4px;
  border: 0;
}
#product_tabs ul.ui-tabs-nav li a {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 10px 35px;
  color: #5a5a5a;
  font-size: 16px;
  font-weight: bold;
  background-color: #e9edef;
  border: 1px solid #cbc9c9;
  border-bottom: 0;
  transition: color 300ms ease-in-out 0s;
  text-shadow: none !important;
  border-radius: 0 !important;
}
#product_tabs ul.ui-tabs-nav li.ui-tabs-active a {
  color: #000;
  background-color: #fff;
  border-bottom: 1px solid #fff;
}
#product_tabs ul.ui-tabs-nav li a.tab-link-recenze {
  color: #d81501 !important;
}
#product_tabs #product-images a {
  float: left;
  width: 33%;
  padding: 1%;
}
#product_tabs #product-images a img {
  border: 1px solid #eee;
}

.product-tab-comment .btn-red.pull-right {
  margin-top: 15px;
}

.container-page {
  font-size: 16px;
}
.container-page h1 {
  color: #101010;
  font-size: 30px;
}
.container-page h2 {
  color: #101010;
  font-size: 26px;
}
.container-page h3 {
  color: #101010;
  font-size: 22px;
}
.container-page h4 {
  color: #101010;
  font-size: 18px;
}
.container-page h5,
.container-page h6 {
  color: #101010;
  font-size: 16px;
}
.container-page blockquote {
  padding: 20px;
  color: #1e1e1e;
  font-size: 14px;
  background-color: #e9edef;
  border-top: 2px solid #4d871d;
}
.container-page li {
  font-size: 16px;
}
.container-page table {
  width: 100%;
  margin: 0 0 20px;
  background: white;
  border: 0;
  border-bottom: 1px solid #d6d4d4;
  border-right: 1px solid #d6d4d4;
}

.container-product table {
  width: 100%;
  margin: 0 0 20px;
  background: white;
  border: 0;
  border-bottom: 1px solid #d6d4d4;
  border-right: 1px solid #d6d4d4;
}

.container-page table tbody tr,
.container-product table tbody tr {
  border: 0;
  border-top: 1px solid #d6d4d4 !important;
}

.container-page table tr th,
.container-page table tr td {
  padding: 10px 20px 11px;
  border: 0;
  border-left: 1px solid #d6d4d4 !important;
  background: #e9eeef;
}

.container-product table tr th,
.container-product table tr td {
  padding: 10px 20px 11px;
  border: 0;
  border-left: 1px solid #d6d4d4 !important;
  background: #e9eeef;
}

.container-page table tr:nth-child(odd) th,
.container-page table tr:nth-child(odd) td {
  background: #fff;
}

.container-product table tr:nth-child(odd) th,
.container-product table tr:nth-child(odd) td {
  background: #fff;
}

.container-page table tr td:first-child,
.container-page product tr td:first-child {
  border-left: 0;
  color: #333333;
}

.product-tab-comment ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.product-tab-comment .product-comments-main {
  margin-bottom: 25px;
  padding: 25px 0 0 0;
  border: 1px solid #cbc9c9;
  background: #fff;
  font-size: 18px;
}
.product-tab-comment .product-comments-main div {
  margin-bottom: 7px;
  padding: 0 30px;
}
.product-tab-comment .product-comments-main ul {
  margin-top: 20px;
}
.product-tab-comment .product-comments-main ul .product-comments-reply {
  margin: 0px;
  padding: 20px 30px;
  border-top: 1px solid #cbc9c9;
  background-color: #f9f9f9;
}
.product-tab-comment .product-comments-main ul .product-comments-reply div {
  padding: 0;
}
.product-tab-comment .product-comments-link,
.product-tab-comment .product-comments-name {
  font-weight: bold;
  color: #000;
}
.product-tab-comment .product-comments-date {
  color: #898989;
}

#comment-form {
  border-top: 1px solid #cbc9c9;
}
#comment-form h3 {
  color: #000;
  font-size: 28px;
  font-weight: bold;
}
#comment-form table {
  border: 0;
  background: transparent;
}
#comment-form table tr {
  border: 0;
  float: left;
}
#comment-form table tr th {
  display: none;
}
#comment-form table tr td {
  float: left;
  background: transparent;
  border: 0;
  padding: 0;
}

.comment_text_row,
.row-submit {
  clear: both;
  padding-top: 10px;
}

#comment-form .submit {
  background-color: #f44444 !important;
  box-shadow: none;
  border-radius: 50px;
  color: #fff;
  transition: 0.25s;
  text-transform: none;
  border: none;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 18px;
}

.contact-form .btn#comment-form .submit:hover {
  background: #db272b !important;
}

#comment-form #comment_text {
  border-radius: 12px !important;
}

.detail-choice-attr-info {
  display: none;
}

.detail-choice .detail-choice-alert {
  display: none;
  color: #f36176;
}
.detail-choice.alert {
  border: 1px dashed #f36176;
}
.detail-choice.alert .detail-choice-alert {
  display: block;
}

#basket-product-form {
  clear: both;
}

#detail-choices {
  margin-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #cccaca;
}
#detail-choices .headline {
  clear: both;
  float: left;
  width: 200px;
  padding-top: 13px;
  color: #101010;
  font-size: 16px;
  font-weight: bold;
}
#detail-choices .headline a {
  color: #101010;
  text-decoration: underline;
}
#detail-choices .headline a:hover {
  text-decoration: none;
}
#detail-choices ul.radio_list {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
#detail-choices ul.radio_list li {
  float: left;
  margin: 0 7px 3px 0;
}
#detail-choices ul.radio_list li input {
  display: none;
}
#detail-choices ul.radio_list li label {
  display: inline-block;
  padding: 12px 30px;
  color: #5b5b5b;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  border: 1px solid #cbc9c9;
  background-color: #e9edef;
  cursor: pointer;
}
#detail-choices ul.radio_list li label:hover {
  color: #000;
  border: 1px solid #4d871d;
  background-color: #fff;
}
#detail-choices ul.radio_list li input[type=radio]:checked + label {
  color: #000;
  border: 1px solid #4d871d;
  background-color: #fff;
  border: 1px solid #4d871d;
}

#detail-choice-color-info {
  display: none;
}

#detail-choices ul.radio_list li input[type=radio]:disabled + label {
  color: #ccd0d4;
  border: 1px solid #dfe7f0;
  background: #fff;
  cursor: not-allowed;
}
#detail-choices ul.radio_list li input[type=radio]:disabled + label:hover {
  color: #ccd0d4;
  border: 1px solid #dfe7f0;
  background: #fff;
  cursor: not-allowed;
}

#product-detail-wrap .perex {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: 16px;
}
#product-detail-wrap .perex strong {
  font-weight: 300;
}

.product-benefit-icos {
  width: 100%;
  margin-bottom: 25px;
  text-align: center;
}
.product-benefit-icos .product-tag-wrap {
  float: none;
  display: inline-block;
  width: 150px;
  margin: 0 16px 10px;
  vertical-align: top;
}
.product-benefit-icos .product-tag-wrap span {
  display: inline-block;
  font-size: 17px;
}
.product-benefit-icos h4 span {
  display: inline-block;
  font-size: 17px;
}
.product-benefit-icos .product-tag {
  padding-top: 150px;
  background-position: top center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.product-benefit-icos .benefit-tag-44 {
  background-image: url("../images/ekolo/ico-benefit-servis.png");
}
.product-benefit-icos .benefit-tag-45 {
  background-image: url("../images/ekolo/ico-benefit-time.png");
}
.product-benefit-icos .benefit-tag-46 {
  background-image: url("../images/ekolo/ico-benefit-bike.png");
}
.product-benefit-icos .benefit-tag-47 {
  background-image: url("../images/ekolo/ico-benefit-4.png");
}
.product-benefit-icos .benefit-tag-48 {
  background-image: url("../images/ekolo/ico-benefit-10.png");
}
.product-benefit-icos .benefit-tag-49 {
  background-image: url("../images/ekolo/ico-benefit-tacho.png");
}
.product-benefit-icos .benefit-tag-50 {
  background-image: url("../images/ekolo/ico-benefit-box.png");
}
.product-benefit-icos .benefit-tag-51 {
  background-image: url("../images/ekolo/ico-benefit-xlaku.png");
}
.product-benefit-icos .benefit-tag-52 {
  background-image: url("../images/ekolo/ico-benefit-800w.png");
}
.product-benefit-icos .benefit-tag-53 {
  background-image: url("../images/ekolo/ico-benefit-senzor.png");
}
.product-benefit-icos .benefit-tag-54 {
  background-image: url("../images/ekolo/ico-benefit-yes.png");
}
.product-benefit-icos .product-tag:hover span {
  text-decoration: underline;
}
.product-benefit-icos .product-tag:hover strong {
  color: #d81501;
}
.product-benefit-icos h4 strong {
  color: #4d871e;
}

/* .product-benefit-icos .product-tag strong, .product-benefit-icos h4 strong {color: #4d871e;} */
.product-tags-icos {
  position: absolute;
  top: 0;
  right: 15px;
}
.product-tags-icos .product-tag-wrap {
  display: inline-block;
  margin: 5px 0;
}
.product-tags-icos .product-tag-wrap .product-tag {
  display: inline-block;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.product-tags-icos .product-tag-wrap .tag-akce {
  background-color: #508727;
  width: 39px;
  height: 39px;
  border-radius: 50%;
}
.product-tags-icos .product-tag-wrap.ptw-id38 {
  margin: 0;
}
.product-tags-icos .product-tag-wrap .tag-testovaci {
  background-color: #d15a19;
}
.product-tags-icos .product-tag-wrap .tag-doporucujeme,
.product-tags-icos .product-tag-wrap .tag-novinka {
  background-color: #3a93d8;
}
.product-tags-icos .product-tag-wrap .tag-outlet {
  background-color: #de2020;
}
.product-tags-icos .product-tag-wrap a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

.product-item .product-tags-icos {
  right: 0;
}

.tags-group1 {
  display: flex;
  flex-wrap: wrap;
}

#product-detail-wrap #product_tabs .tags-group1 {
  margin-left: 1px;
}
#product-detail-wrap #product_tabs .tags-group2 {
  margin-right: 1px;
}

@media (max-width: 767px) {
  #product-detail-wrap .product-tags-icos {
    max-width: 360px;
    left: 15px;
    right: auto !important;
  }
  #product-detail-wrap .tags-group1 {
    margin-left: 2px !important;
  }
  #product-detail-wrap .tags-group2 {
    margin-right: 2px !important;
  }
}
@media (max-width: 390px) {
  #product-detail-wrap .product-tags-icos {
    max-width: 100%;
    left: 0px;
    right: auto !important;
  }
  #product-detail-wrap .tags-group1 {
    margin-left: 17px !important;
  }
  #product-detail-wrap .tags-group2 {
    margin-right: 17px !important;
  }
}
/* .product-detail-price-wrap {float: left; margin-right: 40px;} */
.product-detail-price-wrap p {
  margin-bottom: 0;
}
.product-detail-price-wrap .price-before {
  text-decoration: line-through;
}

#basket-product-form-price {
  color: #333;
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.price-before-wrap {
  margin-bottom: 0;
}

.price-actual .price-before {
  font-size: 18px;
  text-decoration: line-through;
}

.price-novat {
  color: #636363;
  font-size: 15px;
}

#detail-addbasket-wrap #btn-addbasket-cart-submit {
  margin-top: 8px;
  padding: 12px 25px;
}

#category-sub-list {
  margin: 10px 0;
  padding: 0;
}

#products-filters #category-sub-list {
  padding: 10px 0;
}
#products-filters #category-sub-list ul {
  margin: 0;
  padding: 0;
}
#products-filters #category-sub-list li {
  float: left;
  width: 16.66%;
  margin: 0;
}
#products-filters #category-sub-list a {
  display: block;
  margin: 5px;
  padding: 10px;
  text-align: center;
  color: #252525;
  font-size: 14px;
  border: 1px solid #cbc9c9;
  background-color: #e9edef;
}
#products-filters #category-sub-list li:first-child, #products-filters #category-sub-list li:nth-child(6n+1) {
  clear: both;
}
#products-filters #category-sub-list li:first-child a, #products-filters #category-sub-list li:nth-child(6n+1) a {
  margin-left: 0;
}

#sort-tabs-filter {
  margin: 0 0 15px 0;
  padding: 0;
  list-style: none;
  /* border-bottom: 1px solid #cbc9c9;*/
}
#sort-tabs-filter li {
  float: left;
  margin-right: 4px;
}
#sort-tabs-filter li a {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 10px 40px;
  color: #5a5a5a;
  border-radius: 32px;
  font-size: 20px;
  font-weight: bold;
  background-color: #e9edef;
  /* border: 1px solid #cbc9c9; border-bottom: 0; */
  transition: color 300ms ease-in-out 0s;
}
#sort-tabs-filter li a.selected {
  color: #000;
  background-color: #fff;
  border: 1.6px solid #eb0004;
}

#pager {
  clear: both;
  text-align: center;
}

.pager-show-next {
  display: inline-block;
  margin: 25px auto 10px;
  padding: 10px 25px;
  color: #fff;
  background-color: #c41f10;
  font-size: 16px;
  font-weight: bold;
  border: 0;
  /*border-top: 2px solid #da492d;*/
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-decoration: none !important;
  text-transform: uppercase;
}
.pager-show-next:hover {
  color: #fff;
  background-color: #b31000;
}

.pager {
  font-size: 14px;
  text-align: right;
}
.pager li:first-child {
  display: none;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  font-size: 14px;
  color: #5e5e5e;
  padding: 3px 5px;
  background-color: #fff;
  border: 0;
  border-radius: 0;
}
.pager li > a:hover {
  text-decoration: underline;
  background: #fff;
}
.pager li > strong > span {
  padding: 3px 5px;
}

.product-tab-parameters,
.two-cols {
  clear: both;
}

.row-models-hp .col-md-3 {
  padding-left: 5px;
  padding-right: 5px;
}
.row-models-hp h1 a {
  color: #333;
}

.row-banners {
  padding-top: 30px;
  padding-bottom: 30px;
}

#product-list {
  clear: both;
}

.producer-desc {
  margin-bottom: 20px;
}

.producer-image img {
  height: 50px;
  margin: 0;
}

#carousel-brands img {
  height: 50px;
  margin: 0;
  object-fit: contain;
}

.col-ekolo-fastcontact {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.col-ekolo-map,
.ekolo-contact-photos-wrap {
  clear: both;
  float: left;
  width: 100%;
  margin: 40px 0;
}

.col-ekolo-fastcontact .inner {
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #cbc9c9;
}
.col-ekolo-fastcontact .inner h3 {
  margin-top: 0;
  font-weight: bold;
}
.col-ekolo-fastcontact .contact-phones {
  list-style: none;
  margin: 0;
  padding: 0;
}
.col-ekolo-fastcontact .contact-phones li {
  padding: 2px 0;
}
.col-ekolo-fastcontact .contact-phones .fa {
  display: inline-block;
  width: 30px;
  color: #c41f10;
  font-size: 30px;
  margin-right: 10px;
  text-align: center;
}
.col-ekolo-fastcontact .contact-phones .call-green .fa {
  font-size: 24px;
}
.col-ekolo-fastcontact .contact-phones .call-email .fa {
  font-size: 26px;
}
.col-ekolo-fastcontact .contact-phones .content-phones {
  display: inline-block;
  position: relative;
  top: -5px;
}
.col-ekolo-fastcontact .contact-phones .call-phone .content-phones,
.col-ekolo-fastcontact .contact-phones .call-mobile .content-phones {
  top: -7px;
}
.col-ekolo-fastcontact .contact-phones .call-email .content-phones {
  top: -3px;
}

/* .col-ekolo-fastcontact .contact-phones .call-mobile .fa {font-size: 38px;} */
/* .col-ekolo-fastcontact .contact-phones .call-mobile .content-phones {top: -8px; margin-bottom: 5px;} */
.col-ekolo-kontakt-kudy h3 {
  margin-top: 0;
}

.jqUiError {
  color: red;
}

.pos-relative {
  position: relative;
}

.product-tag-wrap {
  cursor: pointer;
}

/* .modal-dialog-center {margin-top: 5%;} */
/* .modal-content {padding: 0 20px 20px;} */
.modal-dialog-center h4 {
  margin: 0 0 20px;
}

.yt-footer {
  clear: both;
  padding-top: 30px;
}
.yt-footer a {
  color: #fff;
}
.yt-footer .fa {
  margin-right: 10px;
}

#banner-top-right {
  display: none;
}

.pos-relative {
  position: relative;
}

#menu .dropdown-menu .dropdown-menu {
  display: none !important;
}

#claim.claim-cs .block,
#claim.claim-cs .claim-mobile {
  display: none;
}

.body-en #claim a {
  color: #ff3033;
}
.body-en #claim a:hover {
  color: #ff3033;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .col-pd-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  #product-list .product-item:nth-child(3n+1) {
    clear: both;
  }
  #basket-preview .kosik-text2 {
    padding-left: 27px;
  }
  #subcategories-wrap {
    margin-top: -40px;
  }
  .actuality-image-img {
    float: right;
    margin: 0 0 15px 25px;
  }
  .cnt-home #carousel-slideshow .item h2 {
    display: inline-block;
    margin-top: 50px;
    color: #c1211b;
    font-size: 34px;
    font-weight: bold;
  }
  .cnt-home #carousel-slideshow .item .desc {
    display: inline-block;
    margin: 30px 0 40px;
    color: #000;
    font-size: 27px;
  }
  .cnt-home #carousel-slideshow .item .btn-wrap a {
    padding: 15px 25px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
  }
  .cnt-home #carousel-slideshow .item h2,
  .cnt-home #carousel-slideshow .item .desc {
    background-color: #fff;
    padding: 10px 15px;
  }
  #product_tabs #product-images a {
    float: left;
    width: 20%;
    padding: 1%;
  }
  #product_tabs #product-images a:nth-child(5n+1) {
    clear: both;
  }
  #product_tabs #product-images a img {
    border: 1px solid #eee;
  }
  #social-tabs .tab-content {
    width: 360px !important;
  }
  .modal-sm {
    width: 400px;
  }
  #detail-addbasket-wrap {
    width: 100%;
  }
  .container-page.page-o-ekolo-cz, .container-page.page-servis {
    max-width: 55em;
  }
  .cnt-actuality .wrap-acruality-read {
    max-width: 55em;
  }
  .article-items .article-item:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 992px) {
  .dropdown-menu > .active > a {
    background-color: rgba(196, 31, 16, 0.3);
  }
  .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: rgba(196, 31, 16, 0.3);
  }
}
@media (min-width: 1200px) {
  #detail-addbasket-wrap {
    width: 100%;
  }
}
.article-items .article-item {
  margin-top: 30px;
}
.article-items .article-item h2 a {
  color: #101010;
  font-size: 20px;
  text-decoration: none;
}
.article-items .article-item h2 a:hover {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .content-cart-address .tabDivRowWrap .text-input {
    width: 300px;
  }
  .basket-vop {
    float: left;
    margin: 0 0 0 200px;
    padding-top: 15px;
  }
  #product-list .product-item:nth-child(3n+1) {
    clear: none;
  }
  #product-list .product-item:nth-child(4n+1) {
    clear: both;
  }
  #subcategories {
    clear: both;
    float: left;
    position: relative;
    z-index: 150;
    list-style: none;
    margin: -148px 0 0 0;
    padding: 0;
  }
  #subcategories li {
    float: left;
    width: 165px;
    height: 128px;
    z-index: 150;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-right: 30px;
    background-color: #ecf0f1;
    text-align: center;
  }
  #subcategories li:last-child {
    margin-right: 0px;
  }
  #subcategories li a {
    display: block;
    z-index: 151;
    color: #000;
    font-size: 15px;
    text-transform: uppercase;
  }
  #subcategories #sub-doprace a {
    background: transparent url("../images/ekolo/hp-do-prace-mesta.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  #subcategories #sub-senior a {
    background: transparent url("../images/ekolo/hp-pro-seniory.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  #subcategories #sub-cykloturistika a {
    background: transparent url("../images/ekolo/hp-cykloturistika.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  #subcategories #sub-kopce a {
    background: transparent url("../images/ekolo/hp-do-kopcu-a-hor.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  #subcategories #sub-fajnsmekr a {
    background: transparent url("../images/ekolo/hp-pro-fajnsmekry.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  #subcategories #sub-firmy a {
    background: transparent url("../images/ekolo/hp-pro-firmy.jpg") center 20px no-repeat;
    padding-top: 100px;
  }
  .two-cols {
    clear: both;
    -moz-column-count: 2;
    -moz-column-gap: 40px;
    -webkit-column-count: 2;
    -webkit-column-gap: 40px;
    column-count: 2;
    column-gap: 40px;
  }
  .article-items .article-item:nth-child(2n+1) {
    clear: none;
  }
  .article-items .article-item:nth-child(3n+1) {
    clear: both;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #cart-click span {
    font-size: 12px !important;
  }
  .kosik-text3 {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #cart-click span {
    font-size: 12px !important;
  }
  .kosik-text3 {
    display: none !important;
  }
}
/* css pro MD ale 970 */
@media (max-width: 1199px) {
  .cnt-home #slideshow-box .slide h2 {
    font-size: 30px;
  }
  .cnt-home #slideshow-box .slide .desc {
    font-size: 22px;
  }
  .container-product #product-main-thumbs #product-images img {
    width: 87px;
  }
}
@media (max-width: 993px) {
  #product_tabs ul.ui-tabs-nav li a {
    padding: 10px 15px;
    font-size: 14px;
  }
  .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
    top: 69px;
  }
  .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
    height: 45px;
  }
}
@media (max-width: 991px) {
  .dcsmt {
    display: none !important;
  }
  #calc-tittle {
    padding: 7px 5px;
  }
  #calc-tittle h2 {
    font-size: 22px;
    line-height: 1;
    margin: 0;
  }
}
@media (max-width: 767px) {
  #product_tabs ul.ui-tabs-nav li {
    clear: both;
    float: none !important;
    width: 100%;
  }
  #product_tabs ul.ui-tabs-nav li a {
    display: block;
    width: 100%;
  }
  #subcategories-wrap div {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  #subcategories-wrap a {
    font-size: 14px;
  }
  .hp-banner-pujcovna {
    margin-bottom: 15px;
  }
  .hp-banner {
    background-image: none;
    text-align: center;
  }
  .cnt-home #slideshow-box .slide {
    background-image: none !important;
  }
  #slideshow-wrapper #slide-prev,
  #slideshow-wrapper #slide-next {
    color: #cbc9c9;
    top: 75%;
  }
  #cart-button-continue,
  .basket-submit {
    margin-top: 20px;
  }
  .content-cart-address .tabDivRowWrap,
  #basket-addresses-company-content .tabDivRowWrap,
  .content-cart-address .tabDivRowWrap .text-input {
    width: 100%;
  }
  #actuality-list .vice {
    border-bottom: 1px solid #cbc9c9;
    margin-bottom: 25px;
    padding-bottom: 15px;
  }
  .modal-content {
    padding: 0 0px 15px;
  }
  .modal-velikost-kola .modal-content {
    padding: 0 15px 15px;
  }
}
@media (min-width: 1430px) {
  #banner-top-right {
    display: block;
    position: fixed;
    top: 165px;
    margin-left: -140px;
    z-index: 1000;
  }
  #banner-top-right a {
    display: block;
  }
  #banner-top-right span {
    display: none;
  }
  /*#banner-top-right {display: block;}*/
  /*    #banner-top-right img {width: 160px; height: 600px;} */
  .cnt-home #banner-top-right {
    display: none !important;
  }
}
.product-video iframe {
  position: relative;
  width: 100%;
}
.product-video iframe:before {
  content: "";
  display: block;
  padding-top: 60%;
}

/*
  |--------------------------------------------------------------------------
  | UItoTop jQuery Plugin 1.2
  | http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
  |--------------------------------------------------------------------------
  */
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 40px;
  right: 10px;
  overflow: hidden;
  width: 37px;
  height: 37px;
  text-indent: 100%;
  z-index: 9999;
  background: #b31000 url(../images/ekolo/totop.png) no-repeat -1px -2px;
  border: 1px #ff2a00 solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#toTopHover {
  background: #f5537d url(../images/ekolo/totop-over.png) no-repeat 2px 2px;
  width: 43px;
  height: 43px;
  margin: -3px 0 0 -3px;
  display: block;
  overflow: hidden;
  float: left;
  opacity: 0;
  -moz-opacity: 0;
  filter: alpha(opacity=0);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#toTop:active, #toTop:focus {
  outline: none;
}

.dcsmt {
  z-index: 105 !important;
}
.dcsmt .social-tabs {
  margin-left: -34px !important;
}
.dcsmt .social-tabs li {
  width: 34px;
  height: 32px;
}
.dcsmt img {
  max-width: none !important;
}
.dcsmt .right .social-tabs li {
  box-sizing: content-box !important;
}

#carousel-brands {
  margin-top: 30px;
}
#carousel-brands h2 {
  float: left;
  margin-top: 0;
}
#carousel-brands .carousel-prev {
  width: 30px;
  height: 30px;
  cursor: default;
  background: transparent url(../images/ekolo/brand-carousel-left.png) no-repeat center center;
}
#carousel-brands .carousel-next {
  width: 30px;
  height: 30px;
  cursor: default;
  background: transparent url(../images/ekolo/brand-carousel-right.png) no-repeat center center;
}
#carousel-brands .carousel-control {
  float: right;
  display: inline-block;
  text-indent: -10000px;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}
#carousel-brands .carousel-inner {
  clear: both;
  float: left;
  margin-top: 20px;
}

.contact-badges {
  clear: both;
  text-align: center;
}
.contact-badges .contact-badge {
  display: inline-block;
  width: 200px;
  margin: 0 10px 30px;
  text-align: center;
}
.contact-badges .contact-badge h3 {
  display: inline-block;
  margin: 20px 0 0;
  color: #333;
  font-size: 24px;
  font-weight: 700;
}
.contact-badges .contact-badge .role {
  margin-bottom: 5px;
  color: #8a8a8a;
  font-size: 18px;
}
.contact-badges .contact-badge .contacts {
  color: #333;
  font-size: 16px;
}
.contact-badges .contact-badge .contacts a {
  color: #333;
  font-size: 16px;
}
.contact-badges .contact-badge .contacts p {
  margin: 0;
}

#basket-addons .item-button.item-button-2 {
  font-weight: bold;
  text-decoration: underline;
}

.cnt-basket #banner-top-right {
  display: none !important;
}

.detail-choice .headline .link-label {
  text-decoration: none !important;
}
.detail-choice .headline .link-label:hover span {
  text-decoration: none !important;
}
.detail-choice .headline .link-label span {
  text-decoration: underline !important;
}
.detail-choice .headline .link-label span.ico-help {
  padding: 3px 8px;
  color: #fff;
  font-size: 12px;
  background-color: #da492d;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-decoration: none !important;
}

.img-help {
  width: 18px;
  margin-left: 7px;
}

/*
  .bs-carousel.slide-next, .bs-carousel.slide-prev {position: absolute; bottom: -10px; color: #333; background: none; text-shadow: none; filter: alpha(opacity=100); opacity: 1; width: auto; top: auto; font-size: 14px; }
  .bs-carousel.slide-prev {left: 6px;}
  .bs-carousel.slide-next {right: 0;}
  */
.nav-tabs {
  border: none;
  margin-top: 30px;
  margin-bottom: 15px;
}
.nav-tabs li a {
  position: relative;
  display: inline-block;
  padding: 8px 30px;
  color: #5a5a5a;
  border-radius: 32px;
  font-size: 20px;
  font-weight: bold;
  background-color: #e9edef;
  font-weight: 600;
  transition: 0.34s;
  text-decoration: none;
  margin: 1px;
  border: none;
}
.nav-tabs li a:focus {
  position: relative;
  display: inline-block;
  padding: 8px 30px;
  color: #5a5a5a;
  border-radius: 32px;
  font-size: 20px;
  font-weight: bold;
  background-color: #e9edef;
  font-weight: 600;
  transition: 0.34s;
  text-decoration: none;
  margin: 1px;
  border: none;
}
.nav-tabs li.active a {
  color: #fff;
  background-color: #5a5a5a;
  border: none;
}
.nav-tabs li.active a:focus, .nav-tabs li.active a:hover {
  color: #fff;
  background-color: #5a5a5a;
  border: none;
}

.bs-carousel .carousel-inner {
  padding: 0px 2px;
}
.bs-carousel .slide-next:hover, .bs-carousel.slide-prev:hover {
  text-decoration: underline;
}
.bs-carousel .carousel-indicators {
  display: none;
}
.bs-carousel .carousel-control {
  display: inline-block;
  text-indent: -10000px;
  position: absolute;
  top: calc(50% - 50px);
  left: auto;
  opacity: 1;
}
.bs-carousel .slide-prev {
  left: -22px;
  width: 50px;
  height: 50px;
  cursor: default;
  border-radius: 50%;
  background: #fff;
}
.bs-carousel .slide-prev:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../images/ekolo/navbuttonL.png) no-repeat center center;
  background-size: 90% auto;
  opacity: 0.5;
  transition: all 0.3s;
  border-radius: 50%;
}
.bs-carousel .slide-prev:hover:after {
  opacity: 0.8;
}
.bs-carousel .slide-next {
  right: -25px;
  width: 50px;
  height: 50px;
  cursor: default;
  border-radius: 50%;
  background: #fff;
}
.bs-carousel .slide-next:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff url(../images/ekolo/navbuttonR.png) no-repeat center center;
  background-size: 90% auto;
  opacity: 0.5;
  transition: all 0.3s;
  border-radius: 50%;
}
.bs-carousel .slide-next:hover:after {
  opacity: 0.8;
}

.row-product-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.row-product-list .product-item {
  margin-left: 0;
  padding: 0px 5px;
}

@media (max-width: 767px) {
  .nav-tabs li a {
    padding: 8px 20px;
    font-size: 14px;
  }
  .nav-tabs li a:focus {
    padding: 8px 20px;
    font-size: 14px;
  }
}
#tabs-1 a.btn-more,
#basket-related a.btn-more {
  display: none !important;
}
#tabs-1 a.hidden,
#basket-related a.hidden {
  display: inline-block !important;
}

#products-filters label {
  font-weight: 400;
}
#products-filters input:checked + label {
  font-weight: 700 !important;
}
#products-filters #products-filter-wrap {
  border: 1px solid #cbc9c9;
}
#products-filters #products-filter-wrap #producer-toggle-link {
  float: left;
  display: inline-block;
  margin: 15px 25px 0 15px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  background-color: #eb0004;
  font-size: 16px;
}
#products-filters #products-filter-wrap #producer-toggle-link.selected .caret {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#products-filters #attribute-filter {
  padding: 20px;
}
#products-filters .attribute-filter-item {
  float: right;
  margin-right: 5px;
}
#products-filters #products-filter-wrap-header {
  clear: both;
  margin-top: 0px;
  padding: 0 15px 0px 15px;
}
#products-filters #products-filter-wrap-header .pricefilter-wrap {
  margin-top: 0px;
  padding: 15px 0 18px;
  border-top: 1px solid #cbc9c9;
  /* border-bottom: 1px solid #cbc9c9; */
}
#products-filters .pricefilter-wrap {
  max-width: 1150px;
  margin: 0 auto;
}
#products-filters .pricefilter-wrap input {
  float: left;
  border: 0;
  width: 70px;
}
#products-filters .pricefilter-wrap label {
  float: left;
}
#products-filters .pricefilter-wrap #price-filter-range {
  float: left;
  width: 100%;
  width: calc(100% - 250px);
  margin-left: 25px;
  margin-top: 2px;
}
#products-filters .pricefilter-wrap #price-filter-from,
#products-filters .pricefilter-wrap #price-filter-to {
  padding-right: 2px;
  color: #333;
  font-size: 14px;
  font-family: "proxima-nova", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif !important;
  text-align: right;
}
#products-filters .ui-slider {
  box-shadow: none !important;
}
#products-filters .ui-slider-horizontal {
  height: 16px;
  border-radius: 0;
}
#products-filters .ui-slider .ui-slider-range {
  box-shadow: none !important;
  background-color: #ff854c;
}
#products-filters .ui-slider .ui-slider-handle {
  background: none;
  background-color: #eb0004;
  width: 15px;
  height: 29px;
  /*border-radius: 0;*/
}
#products-filters #producer-list-wrap {
  display: none;
  padding: 10px 15px 0 15px;
}
#products-filters #producer-list-wrap #producers-filter {
  padding: 10px 6px 0 6px;
  border-top: 1px solid #cbc9c9;
  margin-bottom: 20px;
}
#products-filters #producer-list-wrap #producers-filter ul {
  margin: 0;
}
#products-filters #producer-list-wrap #producers-filter ul li {
  margin-right: 20px;
}
#products-filters #tagfilter-wrap {
  padding: 0 20px 10px;
  margin-top: -20px;
}
#products-filters #tags-filter-fake ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
#products-filters #tags-filter-fake li {
  float: none;
  margin: 2px;
  order: 1;
}
#products-filters #tags-filter-fake li input[type=checkbox] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
#products-filters #tags-filter-fake li input[type=checkbox] + label {
  color: #5a5a5a;
  background-color: #f2f2f2;
  padding: 6px 13px;
  display: inline-block;
  border-radius: 32px;
  font-weight: bold !important;
  transition: color 300ms ease-in-out 0s;
  cursor: pointer;
}
#products-filters #tags-filter-fake li input[type=checkbox] + label:hover {
  color: #5a5a5a;
  background-color: #ddd;
  text-decoration: none;
  transition: all 0.4s;
}
#products-filters #tags-filter-fake li input[type=checkbox]:checked + label {
  font-weight: 700 !important;
  color: #fff;
  background-color: #222;
  box-shadow: unset;
}

#heureka-overeno-box {
  clear: both;
  margin-top: 5px;
}

#basket-gdpr,
#basket-is-subscriber,
#basket-heureka {
  zoom: 250%;
  position: relative;
  top: 3px;
}

#basket-is-subscriber-box {
  margin-top: 5px;
}
#basket-is-subscriber-box input {
  margin-top: 0;
}

#basket-heureka {
  margin-top: 2px;
}

@media (max-width: 767px) {
  #basket-gdpr,
  #basket-is-subscriber,
  #basket-heureka {
    position: absolute;
    top: 0px;
    left: 0;
    margin-top: 0;
  }
  #basket-gdpr-box,
  #basket-is-subscriber-box,
  #heureka-overeno-box {
    position: relative;
    /* padding-left: 40px; */
    margin-bottom: 10px;
  }
}
.cofidis-zero {
  width: 200px;
  height: 49px;
  background: transparent url(../images/ekolo/splatky1x.png) no-repeat center center;
}
.cofidis-zero:hover {
  background-image: url(../images/ekolo/splatky0x.png);
}

.ccards {
  background-color: white;
  display: inline-block;
  color: white;
  text-decoration: none !important;
}
.ccards img {
  width: 56px;
  margin: 5px 8px;
}

.actuality-list-wrapper .list-content .actuality-item {
  margin-top: 15px;
}

@media (min-width: 992px) {
  .actuality-list-wrapper .list-content .actuality-item:nth-child(2n+1) {
    clear: both;
  }
}
#shipping-payment-box .img img {
  max-width: 100px;
}

p.dostupnost {
  font-size: 14px;
  margin-bottom: 20px;
}

.container-product p.dostupnost {
  color: #333;
}

.variant-name {
  display: block;
  padding: 12px 20px;
  padding-left: 5px;
  text-decoration: none !important;
}
.variant-name:hover {
  text-decoration: none;
}

.variant-price-link {
  display: block;
  padding: 12px 20px;
  text-decoration: none !important;
}
.variant-price-link:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  .variant-name {
    padding: 0px !important;
  }
  .variant-price-link {
    padding: 0 !important;
  }
}
.basket-product-variant-form input.spinner,
.basket-product-variant-form .ui-spinner {
  opacity: 0;
  position: absolute;
  width: 10px;
}
.basket-product-variant-form button {
  position: relative;
  z-index: 2;
}

#variants-list {
  border: 0;
  border-bottom: 1px solid #d6d4d4 !important;
}
#variants-list .col1 {
  padding: 0;
}
#variants-list .col3 {
  min-width: 165px;
  padding: 0;
}
#variants-list .col3 p {
  margin-bottom: 0;
}
#variants-list .col6 {
  width: 130px;
  padding: 10px;
}
#variants-list .basket-product-form-price {
  color: #4d871e;
  font-size: 24px;
  font-weight: bold;
}
#variants-list .price-novat {
  font-size: 13px;
}
#variants-list td {
  border: 0;
}
#variants-list .preorder .price-label {
  display: inline-block;
  width: 230px;
}
#variants-list .preorder .price {
  display: inline-block;
  width: 80px;
  text-align: right;
}

.col-imgs .product-shares {
  width: 100% !important;
  margin-top: 20px;
}

@media (min-width: 992px) {
  .col-imgs {
    padding-right: 10px;
  }
}
.price-before-wrap .price-before {
  text-decoration: line-through;
}

.avail-available_supplier {
  color: #ca661a;
}

#products-filters #attribute-filter {
  padding: 14px;
}
#products-filters .attribute-filter-item {
  position: relative;
}
#products-filters .attribute-filter-item input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
#products-filters .attribute-filter-item label {
  display: inline-block;
  padding: 6px 20px;
  color: #ffffff;
  background-color: #494949;
  border-radius: 32px;
  font-weight: bold !important;
  transition: color 300ms ease-in-out 0s;
  cursor: pointer;
}
#products-filters .attribute-filter-item label:hover {
  text-decoration: underline;
}
#products-filters .attribute-filter-item input:checked + label {
  color: #000;
  background-color: #fff;
  border: 0px solid #ff3033;
  box-shadow: inset 0 0 0 2px #ff3033;
}

.filter-item.attribute-checkbox-filter-item {
  float: left;
}

#products-filters .attribute-checkbox-filter-item {
  margin-right: 10px;
}

#messages-box-wrap .col-xs-12 {
  min-height: auto;
}

#messages-box {
  z-index: 100;
  position: relative;
}

#product_tabs ul.ui-tabs-nav {
  border: 0;
}
#product_tabs ul.ui-tabs-nav li {
  background: none !important;
  box-shadow: none !important;
  margin-right: 8px;
}
#product_tabs ul.ui-tabs-nav li a {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 10px 40px;
  padding: 7.1px 28.5714286px;
  color: #5a5a5a;
  border-radius: 32px !important;
  font-size: 20px;
  font-weight: bold;
  background-color: #e9edef;
  transition: color 300ms ease-in-out 0s;
  outline: 0;
  border: 0;
}
#product_tabs ul.ui-tabs-nav li a:hover {
  text-decoration: underline;
}
#product_tabs ul.ui-tabs-nav li.ui-state-active a {
  color: #000;
  background-color: #fff;
  border: 2.6px solid #5a5a5a;
}

@media (max-width: 450px) {
  #variants-list tr {
    position: relative;
  }
  #variants-list td {
    display: block;
    width: 100%;
  }
  #variants-list td.col1 {
    width: 60%;
  }
  #variants-list td.col3 {
    width: 55%;
    float: left;
  }
  #variants-list td.col6 {
    width: 45%;
    float: left;
    padding: 0;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: none;
  }
  #variants-list td.col6 .product-add-button {
    float: right;
  }
  #variants-list .col3 {
    min-width: 0;
  }
}
#attribute-filter strong {
  float: left;
  padding-top: 10px;
}
#attribute-filter ul {
  float: left;
  list-style: none;
  padding-left: 15px;
}
#attribute-filter ul li {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

.producer-image img {
  max-height: 50px !important;
}

#products-filters #tagfilter-wrap {
  float: left;
  padding: 12px 20px 0px;
}

.cancel-filter {
  float: right;
  display: inline-block;
  padding: 5px 15px;
  color: black !important;
  border-radius: 32px;
  background-color: #e9edef;
}

@media (min-width: 768px) {
  .cancel-filter {
    position: relative;
    top: -5px;
    margin-right: 20px;
  }
}
#riders_weight .ui-slider-range {
  background-color: #00a029 !important;
}
#riders_weight .ui-slider {
  /* background: #e9edef!important; */
  border: 1px solid #b6b6b6;
  height: 12px !important;
  background: #d7d7d7 !important;
}
#riders_weight .ui-slider .ui-slider-handle {
  /* background-color: #e31d09!important; */
  /* height: 25px!important; */
  /* margin-top: 2.9px!important; */
  /* border-radius:3px!important; */
  background-color: #494949 !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: 1.26px;
  border-radius: 100px !important;
}
#riders_weight .ui-slider-horizontal {
  /* border:0!important; */
}
#riders_weight .ui-slider .ui-slider-handle:hover {
  background-color: #3789ff !important;
}

.preorder .price-special-wrap {
  display: block;
  font-weight: bold;
  cursor: help;
}
.preorder .price-preorder-wrap {
  display: block;
  color: #ff0000;
}

.price-preorder-soloproduct {
  display: block;
  color: #ff0000;
}

.price-special-wrap {
  display: block;
  font-weight: bold;
  cursor: help;
}

.preorder-before {
  display: none;
}

@media (min-width: 451px) {
  .container-product table#variants-list {
    border-collapse: separate;
    border-spacing: 0px 5px;
    border: 0 !important;
  }
  .container-product table#variants-list tbody td {
    border: 3px solid #d6d4d4 !important;
    transition: all 0.3s;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .container-product table#variants-list tbody tr:hover td {
    border-color: #5a5a5a !important;
  }
  .container-product table#variants-list tbody td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: 3px solid #d6d4d4 !important;
  }
  .container-product table#variants-list tbody td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: 3px solid #d6d4d4 !important;
  }
  .container-product table#variants-list tbody tr.active td {
    border: 5px solid #ff6f61 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  .container-product table#variants-list tbody tr.active td:first-child {
    border-left: 5px solid #ff6f61 !important;
    -moz-border-radius-topleft: 10px !important;
    -moz-border-radius-bottomleft: 10px !important;
    -webkit-border-top-left-radius: 10px !important;
    -webkit-border-bottom-left-radius: 10px !important;
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
  }
  table#variants-list tr td {
    border-top: 1px solid #d6d4d4;
  }
  .container-product table#variants-list tbody tr.active td:last-child {
    border-right: 5px solid #ff6f61 !important;
    -moz-border-radius-topright: 10px !important;
    -moz-border-radius-bottomright: 10px !important;
    -webkit-border-top-right-radius: 10px !important;
    -webkit-border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
  }
}
@media (max-width: 450px) {
  .container-product table#variants-list {
    border: 0 !important;
  }
  .container-product table#variants-list tbody tr {
    border: 3px solid #d6d4d4 !important;
    margin: 5px 0;
    display: block;
    float: left;
    width: 100%;
  }
  .container-product table#variants-list tbody tr.active {
    border: 5px solid #ff6f61 !important;
    border-radius: 0 !important;
  }
}
@media (min-width: 451px) {
  #basket-products .image img.procento {
    width: 35px;
    margin-left: 0px;
  }
}
@media (min-width: 992px) {
  #basket-products .image img.procento {
    width: 35px;
    margin-left: 15px;
  }
}
.procenta-text .text-uppercase {
  color: #d81501;
}

.body-en .container .company-footer-motto-wrap img {
  max-width: 100%;
  width: 360px;
}

.body-sk .container .company-footer-motto-wrap img {
  max-width: 100%;
  width: 285px;
  margin-bottom: 20px;
}

.has-variant .col1 {
  max-width: 250px;
}

.body-en .hidden-en,
.body-sk .hidden-sk,
.body-de .hidden-de {
  display: none !important;
}

.row-flex,
.product-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.row-flex > [class*=col-],
.product-list > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.row-flex > [class*=col-] > div,
.product-list > [class*=col-] > div {
  height: 100%;
}
.row-flex > .row,
.product-list > .row {
  display: flex;
  flex-wrap: wrap;
}
.row-flex > .row > [class*=col-],
.product-list > .row > [class*=col-] {
  display: flex;
  flex-direction: column;
}
.row-flex > .row > [class*=col-] > div,
.product-list > .row > [class*=col-] > div {
  height: 100%;
}

.list-wrapper {
  width: 100%;
}

.hp-9-icons h3 {
  margin: 0;
  font-size: 19px;
}
.hp-9-icons ul {
  margin: 0;
  padding: 10px 20px;
  margin-bottom: 30px;
}
.hp-9-icons ul li {
  margin: 0;
  padding: 0;
}

.hp-9-left {
  padding: 0;
}
.hp-9-left img {
  width: 100px;
  margin: 0 auto;
}

@media (max-width: 991px) {
  .hp-9-right h3 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .hp-9-right h3 {
    text-align: left;
  }
  .hp-9-icons ul {
    margin: 0;
    padding: 10px 20px;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .hp-9-icons .col-sm-4 {
    width: 33%;
  }
}
.body-en .currency-switch-wrap,
.body-sk .currency-switch-wrap,
.body-de .currency-switch-wrap {
  display: none !important;
}

.dostupnost .img-help {
  width: 14px;
  margin-left: 4px;
  margin-top: -3px;
}

/* filtr damsky ram */
.filter-item.attr-86, .filter-item.attr-87 {
  float: right;
}
.filter-item.attr-73 {
  float: left;
}
.filter-item.attr-116 {
  float: right;
}
.filter-item.attr-86 label, .filter-item.attr-87 label, .filter-item.attr-73 label, .filter-item.attr-116 label {
  display: inline-block;
  padding: 6px 20px;
  color: #ffffff;
  background-color: #494949;
  border-radius: 32px;
  font-weight: bold !important;
  transition: color 300ms ease-in-out 0s;
  cursor: pointer;
  color: #5a5a5a;
  background-color: #f2f2f2;
}
.filter-item.attr-86 label:hover, .filter-item.attr-87 label:hover, .filter-item.attr-73 label:hover, .filter-item.attr-116 label:hover {
  transition: all 0.4s;
  color: #5a5a5a;
  background-color: #ddd;
  text-decoration: none;
}
.filter-item.attr-86 input, .filter-item.attr-87 input, .filter-item.attr-73 input, .filter-item.attr-116 input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  margin: 0;
}
.filter-item.attr-86 input:checked + label, .filter-item.attr-87 input:checked + label, .filter-item.attr-73 input:checked + label, .filter-item.attr-116 input:checked + label {
  color: #fff;
  background-color: #222;
  box-shadow: unset;
}

.filter-item.attr-73 {
  margin-left: 5px;
}

@media (max-width: 991px) {
  #products-filters .attribute-filter-item {
    width: 100%;
  }
  .filter-item.attr-73 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .filter-item.attr-86,
  .filter-item.attr-87 {
    float: left;
  }
  .filter-item.attr-116 {
    top: 0 !important;
    width: 100%;
    margin-bottom: 10px !important;
  }
  #products-filters #tagfilter-wrap {
    padding: 0 10px;
    margin: 0;
  }
  #products-filters .attribute-filter-item {
    margin-bottom: 10px !important;
  }
}
@media (max-width: 767px) {
  .filter-item.attr-86 label,
  .filter-item.attr-87 label,
  .filter-item.attr-73 label,
  .filter-item.attr-116 label {
    padding: 5px 7px !important;
    font-size: 12px !important;
  }
  #products-filters #tags-filter-fake li input[type=checkbox] + label {
    padding: 5px 7px !important;
    font-size: 12px !important;
  }
  #products-filters .pricefilter-wrap #price-filter-range {
    width: calc(100% - 40px);
    margin-left: 20px;
  }
  .price-range-input-from {
    position: absolute;
    left: -10px;
    top: 40px;
  }
  .price-range-input-to {
    position: absolute;
    right: 0;
    top: 40px;
  }
  #products-filters #products-filter-wrap-header .pricefilter-wrap {
    position: relative;
    padding-bottom: 50px !important;
  }
  #products-filters .pricefilter-wrap input {
    width: 53px;
  }
}
/* filtr stredovy motor */
/* filtr rafek */
/* filtr vyska */
@media (min-width: 768px) {
  .filter-item.attr-116 {
    position: relative;
    top: 23px;
    margin-top: -10px;
  }
}
/* cerny btn */
.li-tag {
  display: none;
}
.li-tag.li-tag_22 {
  display: block;
}

.calc-size-wrap {
  float: left;
  width: 100%;
}

.calc-size {
  float: left;
  width: 100%;
  max-width: 500px;
  margin-bottom: 50px;
  display: flex;
  flex-wrap: wrap;
}

.calc-size-name {
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  height: 50px;
}

.calc-size-slider {
  float: left;
  width: 200px;
}
.calc-size-slider .ui-slider-vertical {
  width: 5px;
  box-shadow: none !important;
  height: 250px;
  margin: 0 auto;
}
.calc-size-slider .ui-slider .ui-slider-range {
  background-color: #ff3033;
}
.calc-size-slider .ui-slider .ui-slider-handle {
  background: none;
  background-color: #494949;
  width: 100px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  margin-top: 1.26px;
  border-radius: 100px;
  left: -46px;
}

.calc-size-boxes {
  float: left;
  width: calc(100% - 200px);
  padding: 0 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.calc-size-slider input {
  width: 100%;
}

.calc-size-item {
  background: #484848;
  color: #fff;
  padding: 10px;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 10px;
  text-align: center;
  height: 40px;
  border-radius: 10px;
}
.calc-size-item.active {
  background: #f92f34;
  color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}

.show-more-hp {
  visibility: visible !important;
  margin-top: 0 !important;
  float: right !important;
}

.badges-wrap {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
  align-items: center;
}
.badges-wrap > p {
  margin: 7.5px;
}

.confirm-del-pay-box {
  border-bottom: 1px solid #f4f4f4;
  font-weight: 300;
}
.confirm-del-pay-box p {
  font-weight: 300;
}

/* mobile table cart*/
@media (max-width: 767px) {
  .content-cart-1 table,
  #basket-confirm table {
    display: block;
    width: 100%;
  }
  .content-cart-1 table tbody,
  #basket-confirm table tbody {
    width: 100%;
    display: block;
    text-align: center;
  }
  .content-cart-1 table tr,
  #basket-confirm table tr {
    display: block;
    border: 1px solid #e6e6e6;
    border-radius: 5px;
    padding-right: 10px;
    width: 100%;
    margin-bottom: 10px;
  }
  #basket-products tbody tr:last-child {
    border: 1px solid #e6e6e6 !important;
  }
  .content-cart-1 table tr {
    position: relative;
    padding-top: 5px;
    padding-bottom: 15px;
  }
  .content-cart-1 table th,
  .content-cart-1 table thead,
  .content-cart-1 table tfoot {
    display: none;
  }
  #basket-confirm table tr {
    position: relative;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
  }
  #basket-confirm table th,
  #basket-confirm table thead,
  #basket-confirm table tfoot {
    display: none;
  }
  .basket-box-wrap {
    padding: 0;
    box-shadow: none;
  }
  .content-cart-1 table td,
  #basket-confirm table td {
    display: block;
    width: 60% !important;
    max-width: 250px !important;
    padding: 5px !important;
    text-align: right !important;
    margin-left: auto;
  }
  .col-md-12.col-sm-12.col-xs-12 #basket-products tbody tr td.price_one {
    font-size: 15px;
  }
  .content-cart-1 table td.image,
  #basket-confirm table td.image {
    width: 40% !important;
    max-width: 40% !important;
    position: absolute;
    margin-left: 0;
  }
  .content-cart-1 table td.image a.product-image,
  #basket-confirm table td.image a.product-image {
    padding: 0;
    margin: 0;
  }
  .content-cart-1 table td.image a.product-image img,
  #basket-confirm table td.image a.product-image img {
    max-width: 100% !important;
    max-height: 100px;
    object-fit: contain;
    width: auto;
  }
  .content-cart-1 table td.basket-remove {
    width: 25px !important;
    position: absolute;
    margin-left: 0;
    top: -15px;
    right: -10px;
  }
  .content-cart-1 table td.count,
  #basket-confirm table td.count {
    width: 40px !important;
    position: absolute;
    bottom: 12px;
    right: 120px;
  }
  #basket-confirm table td.count {
    bottom: 15px;
  }
  .content-cart-1 table td.price,
  #basket-confirm table td.price {
    width: calc(60% - 40px) !important;
    text-align: right !important;
  }
  .content-cart-1 table td.image a.product-image,
  #basket-confirm table td.image a.product-image,
  .content-cart-1 table td.name a,
  #basket-confirm table td.name a {
    display: block;
    text-align: right;
  }
  .content-cart-1 table td.price_one,
  #basket-confirm table td.price_one {
    display: block;
  }
  .content-cart-1 table td.price_one::before,
  #basket-confirm table td.price_one::before {
    content: "Cena za kus: ";
    position: relative;
  }
  .content-cart-1 table td.price,
  #basket-confirm table td.price {
    display: block;
  }
  .content-cart-1 table td.image img.procento,
  #basket-confirm table td.image img.procento {
    width: 40px !important;
  }
  .content-cart-1 table tbody tr:nth-child(even) td,
  #basket-confirm table tbody tr:nth-child(even) td {
    background: transparent !important;
  }
  .cart-back-mobile-wrap {
    text-align: center;
  }
  #cart-back.cart-back-mobile {
    position: relative;
    margin-top: 10px;
    float: none;
  }
  .cart-next-mobile {
    position: relative;
    margin: 0 auto !important;
    margin-top: 0px !important;
    display: block !important;
    float: none !important;
    font-size: 14px !important;
  }
  #basket-confirm table {
    margin-top: 0;
  }
  #basket-confirm #address-box {
    margin-top: 30px;
  }
  #basket-confirm #address-box .left {
    display: block;
    border: 1px solid #cbc9c9;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 10px;
    padding: 0px 15px;
  }
  #shipping-payment-box #basket-payments-box {
    float: left;
  }
}
/* END mobile table cart */
/* detail-carousel */
@media (max-width: 767px) {
  #product-detail-wrap .perex {
    border-bottom: 0;
  }
}
.detail-carousel {
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative;
}
.detail-carousel .item {
  z-index: 10;
  min-height: 300px;
  background: #fff;
}
.detail-carousel .item:nth-child(1) {
  z-index: 0;
}
.detail-carousel .product-tags-icos {
  z-index: 10;
  max-width: calc(100% - 15px) !important;
}

@media (min-width: 400px) {
  .detail-carousel .item {
    min-height: 340px;
  }
}
#product-detail-wrap .detail-carousel .tags-group1 {
  margin-left: 0 !important;
}

.container-product .detail-carousel .product-tags-icos .product-tag-wrap .tag-vystaveno {
  left: 0;
}

#product-detail-wrap .detail-carousel .tags-group2 {
  margin-right: 0 !important;
}

.detail-carousel .carousel .item a {
  display: block;
}
.detail-carousel .carousel .item a img {
  margin: 0 auto;
}
.detail-carousel .carousel-control {
  background: none;
  z-index: 20;
  color: #ff3033;
  font-size: 36px;
  height: 50px;
  top: calc(50% - 25px);
  opacity: 1;
}

/* end detail-carousel */
.wrap-sort-radios {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 25px;
}

/* filter toggle */
.product-list-filter-toggler {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  transition: 0.34s;
  text-decoration: none;
  margin: 1px;
  padding: 7px 28px;
  border: none;
  font-size: 17.5px;
  position: relative;
  top: 1px;
  border-radius: 32px;
  color: #fff;
  background: linear-gradient(217deg, #7c7c7c, #333);
  box-shadow: none;
  border: none;
  margin-bottom: 15px;
}

.product-list-filter-toggler i {
  font-size: 24px;
  margin-left: 10px;
  color: #fff;
}
.product-list-filter-toggler i:before, .product-list-filter-toggler i:after {
  transition: all 0.3s;
}

.product-list-filter-toggler:hover {
  color: #fff;
  text-decoration: none;
}

.product-filter-content {
  display: none;
  margin-bottom: 20px;
}

#products-filters #products-filter-wrap:hover {
  border-color: #fec84c !important;
}
#products-filters #products-filter-wrap.filter-toggler:hover {
  border-color: #5a5a5a !important;
}

@media (max-width: 767px) {
  .product-list-filter-toggler {
    font-size: 14px;
    margin: 5px 0px 10px 4px;
    padding: 7px 8px;
  }
  .product-list-filter-toggler i {
    font-size: 14px;
  }
  #products-filter-wrap .product-list-filter-toggler img {
    height: 20px !important;
  }
}
/* end filter toggle */
.detail-category-name {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: -20px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .detail-category-name {
    margin-top: 0;
  }
}
.container-product table.prepVyskyTable tbody tr:first-child {
  border-top: 0 !important;
}

.modal .close {
  opacity: 1;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 34px;
  width: 35px;
  height: 35px;
  display: flex;
  color: #333;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
  z-index: 10;
}
.modal .close:hover {
  color: #ff3033;
}

@media (max-width: 767px) {
  .modal .close {
    top: 5px;
    right: 5px;
  }
  .modal-header {
    padding-top: 30px;
  }
}
/* check styled */
/* check */
.check-styled {
  position: relative;
  margin-top: 0px;
  margin-bottom: 0px;
  display: block;
  float: left;
  width: 100%;
}
.check-styled input[type=checkbox] {
  opacity: 0;
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
.check-styled input[type=checkbox] + label {
  display: block;
  width: 100%;
  margin: 0;
  float: left;
  min-height: 30px;
  margin: 0;
  vertical-align: middle;
  padding-left: 35px;
  cursor: pointer;
  padding-top: 3px;
  position: relative;
}
.check-styled input[type=checkbox] + label:before {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  border: 2px solid #333;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.check-styled.red-check input[type=checkbox] + label:before {
  border-color: #ff3033;
}
.check-styled input[type=checkbox] + label:after {
  width: 25px;
  height: 25px;
  border: 2px solid #333;
  border-radius: 3px;
  background-color: #fff;
  background: #fff url("../images/ekolo/check.svg") no-repeat center;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.3s;
  opacity: 0;
}
.check-styled input[type=checkbox]:checked + label:after {
  opacity: 1;
}

@media (max-width: 767px) {
  .check-styled input[type=checkbox] + label {
    padding-top: 0;
  }
  .check-styled input[type=checkbox] + label:after {
    top: 3px;
  }
  .check-styled input[type=checkbox] + label:before {
    top: 3px;
  }
}
/* end check styled */
.dostupnost .img-help.tooltipster.tooltipstered {
  filter: none;
}

.img-help {
  color: #797979;
}
.img-help.tooltipster.tooltipstered i {
  color: #797979;
}

#shipping-payment-box .img-help.tooltipstered {
  display: none;
}

@media (max-width: 767px) {
  #shipping-payment-box .img-help.tooltipstered {
    display: inline-block !important;
  }
}
.product-tags-icos .product-tag-wrap .tag-vystaveno {
  background: url("../images/ekolo/eye-2.png");
  background-size: 60px auto;
  background-repeat: no-repeat;
  background-position: center;
  width: 60px;
  height: 30px;
  overflow: hidden;
  text-indent: -9999px;
  position: absolute;
  top: 35px;
  left: 5px;
}

.container-product .product-tags-icos .product-tag-wrap .tag-vystaveno {
  left: 18px;
}

.product-tags-icos .product-tag-wrap .product-tag.tag-akce {
  position: absolute;
  background-color: #f44444;
  top: 30px;
  padding: 0 !important;
  border-radius: 50px;
  right: 3px;
  font-weight: 700;
  font-size: 12px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 30px;
  height: 30px;
  left: auto;
}

/* radio */
.radio-styled {
  position: relative;
  margin-top: 0px;
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 100%;
}
.radio-styled input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
}
.radio-styled input[type=radio] + label {
  display: block;
  width: 100%;
  margin: 0;
  float: left;
  min-height: 30px;
  margin: 0;
  vertical-align: middle;
  padding-left: 30px;
  cursor: pointer;
  font-weight: normal;
  padding-top: 0px;
}
.radio-styled input[type=radio] + label::after {
  content: "";
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #000;
  position: absolute;
}
.radio-styled input[type=radio] + label::before {
  content: "";
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  opacity: 0;
  transition: all 0.3s;
}
.radio-styled input[type=radio]:checked + label:before {
  opacity: 1;
}

/* end radio */
/* bike picker */
.bike-picker-wrap {
  display: flex;
  justify-content: center;
  margin: 30px 0px;
  min-height: 500px;
}
.bike-picker-wrap .btn-green {
  text-decoration: none;
}

.modal-bike-picker .modal-dialog {
  width: 790px;
  max-width: 95%;
}
.modal-bike-picker .modal-content {
  background: rgba(255, 255, 255, 0.9);
}
.modal-bike-picker h3 {
  color: #b22222;
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}
.modal-bike-picker p {
  color: #000000;
  font-size: 18px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.46);
  padding-bottom: 25px;
  margin-bottom: 30px;
  font-weight: 500;
}
.modal-bike-picker .modal-content {
  padding: 20px 30px;
  font-size: 16px;
}
.modal-bike-picker .step-headline {
  color: #000000;
  font-size: 21px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 40px;
}
.modal-bike-picker .radio-wrap,
.modal-bike-picker .check-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.modal-bike-picker .radio-wrap .radio-styled {
  width: auto;
}
.modal-bike-picker .modal-content.modal-picker-step-2 .radio-wrap .radio-styled {
  width: auto;
  min-width: 50%;
}
.modal-bike-picker .check-wrap .check-styled {
  width: 50%;
}
.modal-bike-picker .check-styled input[type=checkbox] + label::before, .modal-bike-picker .check-styled input[type=checkbox] + label::after {
  background-color: transparent;
}
.modal-bike-picker .btn-next {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  background: none;
  display: block;
  float: right;
}
.modal-bike-picker .btn-back {
  color: #000000;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  border: none;
  background: none;
  display: block;
  float: left;
  text-decoration: none;
}
.modal-bike-picker .btn-next span {
  font-size: 24px;
}
.modal-bike-picker .bike-picke-bottom {
  margin-top: 30px;
}
.modal-bike-picker .modal-header {
  padding-bottom: 0;
}
.modal-bike-picker .modal-body {
  padding-top: 0;
}
.modal-bike-picker .modal-bottom-info {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  margin-top: 30px;
}
.modal-bike-picker .modal-bottom-info span {
  color: #ff3033;
  cursor: pointer;
}
.modal-bike-picker .step-headline span {
  font-weight: bold;
}

.step5-link {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-size: 24px;
}

.mailto-link {
  color: #000;
  margin-top: 30px;
  display: inline-block;
}

@media (max-width: 767px) {
  .modal-bike-picker .radio-wrap .radio-styled {
    width: 100%;
  }
  .modal-bike-picker .modal-picker-step-1 .bike-picke-bottom {
    margin-top: 30px;
  }
  .modal-bike-picker .modal-content {
    padding: 0px 0px;
  }
}
/* end bike picker  */
.container-carousel {
  margin: 0 auto;
  margin-top: -70px;
  height: 345px;
  position: relative;
  max-width: 1920px;
}
.container-carousel > #carousel-slideshow {
  position: absolute;
  left: 0;
  right: 0;
}

.container-carousel .carousel-control {
  display: none;
}

.zonky-wrap {
  float: left;
  width: 100%;
}
.zonky-wrap iframe {
  width: 360px;
  height: 200px;
}

.zonky-mobile-wrap {
  text-align: center;
  margin-bottom: 30px;
  margin-top: 30px;
  display: none;
  margin-left: -35px;
  margin-right: -35px;
  width: calc(100% + 70px);
}

.body-en .zonky-wrap,
.body-en .zonky-mobile-wrap {
  display: none;
}

.body-sk .zonky-wrap,
.body-sk .zonky-mobile-wrap {
  display: none;
}

.zonky-mobile-wrap iframe {
  margin: 0 auto;
  width: 360px;
  height: 200px;
}

@media (max-width: 1199px) {
  .zonky-wrap {
    transform: scale(0.7);
    margin-left: -30px;
  }
}
@media (max-width: 991px) {
  .zonky-mobile-wrap {
    display: block;
  }
  .zonky-wrap {
    display: none;
  }
}
/* hp box btn */
.carousel-indicators {
  margin: 0 auto;
  width: auto;
  padding: 8px;
  border-radius: 9999px;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  transform: translateX(-50%);
  bottom: 10px;
}
.carousel-indicators .active {
  background: rgba(255, 255, 255, 0.8);
  margin: 2px;
  width: 14px;
  height: 14px;
}
.carousel-indicators li {
  border: none;
  border-color: none;
  background: rgba(145, 145, 145, 0.5);
  width: 14px;
  height: 14px;
  margin: 2px;
}

@media (max-width: 767px) {
  .carousel-indicators {
    background: #f7f7f7;
    padding: 7px !important;
  }
  .carousel-indicators .active {
    background: #333;
    width: 10px;
    height: 10px;
    margin: 2px;
  }
  .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 2px;
  }
}
.hp-box-btn-wrap {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.hp-box-btn-wrap > * {
  position: relative;
  z-index: 110;
}

.hp-box-btn {
  text-decoration: none;
  width: 33.33%;
  margin: 10px;
  background: #f2f2f2;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
  border: none;
}
.hp-box-btn:hover {
  text-decoration: none;
}
.hp-box-btn span {
  display: block;
}

.hp-box-btn-top {
  display: flex !important;
  padding: 20px 10px;
  align-items: center;
  color: #5a5a5a;
  width: 100%;
  transition: all 0.3s;
}
.hp-box-btn-top .img {
  width: 80px;
}
.hp-box-btn-top span {
  padding-left: 10px;
  font-size: 20px;
  width: calc(100% - 80px);
}
.hp-box-btn-top:hover {
  color: #ff3033;
}

.hp-box-btn-bottom {
  background: #ff3033;
  color: #fff;
  font-size: 18px;
  padding: 10px;
  height: 80px;
  display: flex !important;
  align-items: center;
  width: 100%;
  justify-content: center;
  transition: all 0.3s;
}
.hp-box-btn-bottom:hover {
  background: rgba(255, 48, 51, 0.7);
}

@media (max-width: 991px) {
  .hp-box-btn-wrap {
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    flex-wrap: wrap;
  }
  .hp-box-btn {
    text-decoration: none;
    width: 100%;
    margin: 10px 0;
    background: #f2f2f2;
    text-transform: uppercase;
    text-align: center;
    justify-content: center;
  }
  .hp-box-btn-top {
    justify-content: center;
  }
  .hp-box-btn-top .img {
    width: 70px;
  }
  .hp-box-btn-top span {
    padding-left: 10px;
    font-size: 18px;
  }
  .hp-box-btn-bottom {
    font-size: 16px;
    height: 60px;
  }
}
.container-carousel .hp-box-btn-wrap {
  flex-wrap: wrap;
  margin: 0;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 50px;
}
.container-carousel .hp-box-btn {
  width: 100%;
  background: rgba(242, 242, 242, 0.8);
  margin: 5px 0;
}
.container-carousel .hp-box-btn-top .img {
  width: 50px;
}
.container-carousel .hp-box-btn-top span {
  padding-left: 10px;
  font-size: 14px;
  width: calc(100% - 50px);
}

.hp-box-btn-flag {
  position: absolute;
  top: 0px;
  right: -25px;
  background: url("../images/ekolo/banner_small.png") no-repeat right center;
  background-size: contain;
  width: 150px !important;
  height: 30px;
  line-height: 21px;
  color: #fff;
  font-size: 12px !important;
  text-align: right !important;
  padding-right: 35px;
}

.hp-box-btn-flag-big {
  background: url("../images/ekolo/banner_large.png") no-repeat right center;
  background-size: contain;
  width: 250px !important;
  height: 30px;
}

/* end hp box btn */
.product-detail-bottom-box {
  padding-bottom: 45px !important;
}
.product-detail-bottom-box .sale-two {
  background: #ededed;
  display: flex;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0px 0 15px 15px;
  margin-bottom: 0 !important;
  padding: 0px;
  text-align: center;
  justify-content: center;
  align-items: center;
}
.product-detail-bottom-box .sale-two .text {
  padding: 5px;
}

.sale-two {
  margin-bottom: 20px;
  font-size: 16px;
}
.sale-two .text-red {
  color: #d81501;
}

.body-en .in-checkout-confirm #heureka-overeno-box,
.body-de .in-checkout-confirm #heureka-overeno-box {
  visibility: hidden;
  overflow: hidden;
  height: 1px;
  width: 1px;
  opacity: 0;
}

.free-return {
  font-weight: bold;
  color: #d81501;
  margin-bottom: 20px;
  background: url("../images/ekolo/rerurnItem-2.png") no-repeat left center;
  background-size: 20px auto;
  padding-left: 30px;
}

.body-en .free-return {
  display: none;
}

/* scroll tabs */
.product-tabs-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  background: #fff;
  z-index: 10;
}
.product-tabs-head li {
  margin: 5px;
}
.product-tabs-head li a {
  position: relative;
  top: 1px;
  display: inline-block;
  padding: 12px 19px;
  color: #5a5a5a;
  font-size: 19px;
  font-weight: bold;
  border-bottom: 0;
  text-shadow: none !important;
  border-radius: 7px;
  box-shadow: inset 0 0 0 3px #d6d4d4;
  text-transform: uppercase;
  transition: all 0.3s;
}
.product-tabs-head li a.active {
  color: #000;
  background-color: #fff;
  border: 0px solid #ff3033;
  box-shadow: inset 0 0 0 3px #ff3033;
}
.product-tabs-head li a:hover {
  box-shadow: inset 0 0 0 3px #5a5a5a;
  text-decoration: none;
}
.product-tabs-head li a.navod-tab-btn {
  background: url("../images/ekolo/navodButtonIco.png") no-repeat left 10px center;
  background-size: 30px auto;
  padding-left: 45px;
}
.product-tabs-head li a.navod-tab-btn:hover {
  box-shadow: inset 0 0 0 3px #ec8937;
}

@media (min-width: 992px) {
  .product-tabs-head {
    flex-wrap: nowrap;
  }
  .product-tabs-head li a {
    white-space: nowrap;
  }
}
.product-tab-list {
  display: flex;
  flex-direction: column;
}

.product-tab-item {
  padding-top: 80px;
  width: 100%;
}

.product-tab-video-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.product-tab-video-list .product-video {
  margin: 10px;
  position: relative;
}
.product-tab-video-list .product-video .product-image::after {
  content: "\f144";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 20px;
  font-family: "Font Awesome 5 Pro";
  height: 20px;
  font-size: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tab-link-video-li,
.product-tab-videa {
  display: none;
}

@media (max-width: 767px) {
  .tab-link-video-li,
  .product-tab-videa {
    display: block;
  }
}
@media (min-width: 991px) {
  .product-tab-list.scroll-big {
    padding-top: 60px !important;
  }
  .product-tabs-head.scroll {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    right: auto;
    margin: 0 auto;
    top: 48px;
    z-index: 2;
    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.15);
    background-color: rgba(0, 0, 0, 0.5019607843);
    background-blend-mode: overlay;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 99999px;
    padding: 4px 8px 5px 8px;
  }
}
/* end scroll tabs */
@media (max-width: 991px) {
  .product-tab-item {
    padding-top: 20px;
  }
}
@media (max-width: 991px) {
  .container-carousel {
    margin-top: 0px;
  }
}
.calc-content {
  border: #e8e8e8 solid 1px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  float: left;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.calc-content-inner {
  padding: 20px;
}
.calc-content-top {
  display: flex;
}
.calc-content-left {
  width: calc(100% - 410px);
  padding-right: 80px;
}
.calc-content-right {
  width: 410px;
}
.calc-content-capacity {
  margin-top: 20px;
  margin-bottom: 20px;
}
.calc-content-bottom {
  border-top: 1px solid #e8e8e8;
  padding-top: 15px;
}
.calc-content-bottom-content {
  display: flex;
}
.calc-content-bottom-content-left {
  width: calc(100% - 150px);
  padding-right: 30px;
}
.calc-content-bottom-content-right {
  width: 150px;
}
.calc-content-bottom-info {
  margin-top: 10px;
  font-style: italic;
  color: #8d8d8d;
  font-size: 14px;
}

#solution-range-wrap {
  font-size: 2.6rem;
  background: #e8e8e8;
  text-align: center;
  border-radius: 8px;
  padding: 8px 10px;
  width: 130px;
  font-weight: 700;
}

#capacity-list {
  padding-top: 15px;
}
#capacity-list li label {
  width: auto !important;
  padding: 9px 20px;
  color: #494949;
  border-width: 2.5px;
  background-color: #f5f5f5;
  font-weight: normal;
  border-radius: 50px;
  width: 125px;
  text-align: center;
  cursor: pointer;
  margin: 0;
}

.calc-range-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.calc-range-top-right {
  display: flex;
}

#calc-tittle {
  background: #e8e8e8;
  text-align: center;
}
#calc-tittle h2 {
  margin: 0;
}

@media (max-width: 991px) {
  .calc-content-top {
    flex-wrap: wrap;
  }
  .calc-content-left {
    width: 100%;
    padding-right: 0;
  }
  .calc-content-right {
    width: 100%;
  }
}
/* calc toggle */
.calc-toggler {
  display: block;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 10px;
  font-size: 20px;
  color: #333;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2.8px solid #cbc9c9;
  transition: 0.4s;
  border-radius: 5px;
  cursor: pointer;
  margin: 0px 15px;
}

.container .calc-toggler img {
  height: 30px !important;
  margin-top: -2px;
  margin-left: 10px;
}

.calc-toggler img:nth-child(2) {
  display: none;
}
.calc-toggler:hover {
  border-color: #e31d09;
}
.calc-toggler:hover img:nth-child(1) {
  display: none;
}
.calc-toggler:hover img:nth-child(2) {
  display: inline-block;
}

.calc-content {
  display: none;
  margin: 0px 0;
}

@media (max-width: 767px) {
  .calc-toggler {
    padding: 10px 10px;
    font-size: 16px;
  }
  .container .calc-toggler img {
    height: 20px !important;
  }
  #calc-wrap {
    padding: 0 15px;
  }
  .calc-content-bottom-content {
    flex-wrap: wrap;
  }
  .calc-content-bottom-content-left {
    padding-right: 0;
    width: 100%;
  }
  .calc-content-bottom-content-right {
    margin-top: 15px;
    width: 100%;
  }
}
/* end filter toggle */
.only-basket {
  display: none;
}

.container-basket .only-basket {
  display: block;
}

.last-viewed {
  margin-top: 30px;
}

.product-visited-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0px 15px;
}
.product-visited-list .item-perex,
.product-visited-list .product-item-bottom {
  display: none;
}
.product-visited-list .product-item h3 {
  min-height: 0;
}

#comment-form {
  padding-top: 10px;
  margin-top: 40px;
}
#comment-form table tr {
  border: none !important;
}

body .cc-floating.cc-theme-classic {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  border-radius: 0;
  flex-direction: row;
  justify-content: center;
  padding: 15px 20px;
  z-index: 2147483648;
}
body .cc-floating .cc-message {
  margin-bottom: 0;
  padding-right: 10px;
}
body .cc-btn {
  padding: 0.2rem 0.5rem;
  line-height: 1.2;
}

@media (max-width: 767px) {
  body .cc-floating.cc-theme-classic {
    flex-direction: column;
    padding: 15px 70px 15px 15px;
    display: block;
    font-size: 14px;
  }
  body .cc-btn {
    margin-top: 10px;
  }
  body .cc-floating .cc-message {
    display: inline;
  }
}
#chat-application {
  z-index: 2147483645 !important;
}

@media (min-width: 1200px) {
  .product-related-list .product-item {
    width: 20%;
  }
}
.body-en .category-sub-92,
.body-sk .category-sub-92 {
  display: none;
}

#hptabs {
  padding: 0 10px;
}

.swiper-container {
  padding: 30px 30px;
  margin: -10px -20px;
}
.swiper-container:before {
  width: 28px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: block;
  background: #fff;
  z-index: 10;
}
.swiper-container:after {
  width: 28px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  background: #fff;
  z-index: 9;
}

.swiper-slide {
  height: auto;
}
.swiper-slide .product-item {
  width: 100%;
  padding: 0px 0px;
  margin-bottom: 0;
  height: 100%;
}
.swiper-slide .product-item .inner {
  margin: 0 6px;
}

.swiper-button-next,
.swiper-button-prev {
  cursor: default;
  border-radius: 0%;
  background: transparent;
  left: 0px;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  height: 30px;
  width: 30px;
}

.swiper-button-next {
  right: 0px;
  left: auto;
}
.swiper-button-next:after {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  right: 3px;
  top: 0%;
  transform: translateY(0%);
  width: 30px;
  height: 30px;
  background: #fff;
  opacity: 0.5;
  transition: all 0.3s;
  border-radius: 50%;
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #a3a3a3;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.swiper-button-prev:after {
  content: "";
  display: block;
  position: absolute;
  left: auto;
  right: 3px;
  top: 0%;
  transform: translateY(0%);
  width: 30px;
  height: 30px;
  background: #fff;
  opacity: 0.5;
  transition: all 0.3s;
  border-radius: 50%;
  content: "\f0a9";
  font-family: "Font Awesome 5 Pro";
  font-size: 30px;
  color: #a3a3a3;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #fff;
  background-size: 90% auto;
  right: auto;
  left: 3px;
  content: "\f0a8";
  font-family: "Font Awesome 5 Pro";
  color: #a3a3a3;
  font-weight: 600;
  cursor: pointer;
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  opacity: 0.8;
}

.longer-and-mall {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}

.mallPay {
  margin-left: auto;
  width: calc(33.33% - 7.5px);
  margin-left: 7.5px;
  display: flex;
  flex-direction: column;
  line-height: 1;
  color: #000;
  transition: all 0.3s;
  padding: 5px;
  border-radius: 10px;
  background-color: #f0f0f0;
  text-align: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
}
.mallPay img {
  width: 80px;
  margin: 0 auto;
}
.mallPay:hover {
  background-color: #ebebeb;
  text-decoration: none;
  color: #000;
}

.mallPay-text-top,
.mallPay-text-bottom {
  font-weight: 400;
  color: #333;
}

.longerZaruka-wrap {
  margin-bottom: 0px;
  width: 66.6%;
  padding-right: 7.5px;
  min-height: 60px;
}

.longerZaruka {
  display: inline-flex;
  align-items: center;
  background-color: #f0f0f0;
  border-radius: 8px;
  transition: 0.3s;
  padding: 5px 10px;
  height: 100%;
  width: 100%;
  justify-content: center;
  text-align: center;
}
.longerZaruka:hover {
  background-color: #e2e2e2;
  text-decoration: none;
}

.imgwrap {
  margin: 0;
}

.longerZaruka img {
  width: 100% !important;
  max-width: 45px !important;
  height: auto;
  padding-right: 15px;
}
.longerZaruka p {
  font-size: 20px;
  margin: 0;
  color: #494949;
}

@media (max-width: 1199px) {
  .longerZaruka p {
    font-size: 16px;
  }
}
.body-sk .product-benefit-icos .product-tag-wrap.product-tag-wrap-44, .body-sk .product-benefit-icos .product-tag-wrap.product-tag-wrap-49 {
  display: none;
}

.btn-cofidis {
  border: none;
  padding: 0;
  margin: 0;
  outline: none;
}

.cart-thanks-page-all {
  text-align: left;
}

.cart-thanks-page-wrap {
  margin-top: 70px;
}
.cart-thanks-page-wrap h2 {
  margin-bottom: 30px;
}

.cart-thanks-page {
  display: flex;
  margin-bottom: 30px;
}

.cart-thanks-page-img {
  width: 130px;
  border-radius: 50%;
  overflow: hidden;
  height: 130px;
}

.cart-thanks-page-text {
  width: calc(100% - 130px);
  padding-left: 30px;
}

.cart-thanks-page-icon {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .cart-thanks-page {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .cart-thanks-page-img {
    width: 130px;
    margin: 0 auto;
    margin-bottom: 10px;
  }
  .cart-thanks-page-text {
    width: 100%;
    padding-left: 0px;
  }
  .cart-thanks-page-icon {
    margin-top: 20px;
  }
}
.product-info-content {
  margin-bottom: 30px;
}

.product-info-content-img {
  max-height: 350px;
}

.product-info-content-row {
  border-bottom: 1px solid #cccaca;
  border-top: 1px solid #cccaca;
  margin-top: -1px;
  padding: 20px 0px;
}
.product-info-content-row.first {
  border-top: none !important;
}

.product-info-content-img img {
  max-width: 100% !important;
  max-height: 100% !important;
}

.product-info-content-text-col {
  display: flex;
  justify-content: center;
}

.product-info-content-img {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.product-info-content-img.right {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 991px) {
  .product-info-content-img {
    justify-content: center;
    margin-bottom: 20px;
  }
  .product-info-content-img.right {
    justify-content: center;
  }
}
#product-detail-wrap {
  padding-top: 10px;
}

.row-ekolo-fastcontact {
  margin-left: -5px;
  margin-right: -5px;
}

.product-detail-top {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  align-items: flex-start;
}

.detail-variant-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  animation-name: variantAnimation;
  animation-duration: 1.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes variantAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#variant-filters h5 {
  font-weight: 700;
  font-size: 18px;
}

.basket-product-form-variant {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #494949;
  margin: 5px 0;
  padding: 15px 20px;
  border-radius: 10px;
  color: #333;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
}
.basket-product-form-variant:hover, .basket-product-form-variant:focus, .basket-product-form-variant:active {
  text-decoration: none;
  color: #333;
}

.selected .basket-product-form-variant {
  box-shadow: inset 0 0 0px 3px #494949;
}

.product-detail-bottom-box {
  background: #fafafa;
  padding: 20px;
  padding-bottom: 30px;
  margin-top: 15px;
  margin-bottom: 30px;
  position: relative;
}

.product-detail-bottom-box-btn {
  border-top: 1px solid #eee;
  padding-top: 20px;
  display: flex;
  justify-content: center;
}

.cart-btn {
  background: #00a029;
  color: #fff;
  display: inline-flex;
  padding: 10px 40px;
  text-align: center;
  border: none;
  border-radius: 9999px;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
}

.product-detail-bottom-box .ean {
  font-size: 13px;
  color: #797979;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.cart-btn:hover {
  background: #0bb435;
}

.variant-colors {
  margin-bottom: 30px;
  display: none;
}

.detail-variant-wrap {
  max-height: 260px;
  overflow: hidden;
}

.detail-variant-wrap-main {
  margin-bottom: 30px;
}

.detail-variant-more {
  text-align: center;
  color: #d81501;
  cursor: pointer;
  margin-top: 10px;
  display: inline-flex;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}
.detail-variant-more:hover, .detail-variant-more:active, .detail-variant-more:focus {
  color: #d81501;
  text-decoration: none;
}
.detail-variant-more::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #333;
  transition: all 0.3s;
  content: "";
  display: block;
  opacity: 0;
}
.detail-variant-more:hover::before {
  opacity: 1;
}
.detail-variant-more:after {
  content: "\f063";
  display: block;
  position: relative;
  width: 20px;
  font-family: "Font Awesome 5 Pro";
}

.detail-variant-wrap.open + .detail-variant-btn .detail-variant-more::after {
  transform: rotate(180deg);
}

.container-product .detail-variant-list p.dostupnost {
  margin: 0;
  margin-top: -2px;
}
.container-product .detail-variant-list p.dostupnost span {
  margin: 0;
}

.basket-product-form-variant-price {
  text-align: center;
  line-height: 1;
}

.detail-variant-list .price.price-before {
  font-size: 15px;
  color: #494949;
  margin-top: -15px;
  line-height: 1;
  display: block;
}
.detail-variant-list li {
  position: relative;
}
.detail-variant-list li .ean {
  font-size: 13px;
  color: #797979;
  font-weight: 400;
  position: absolute;
  bottom: 10px;
  right: 20px;
}

.producer-image.bstooltip img {
  max-width: 150px !important;
  max-height: 50px !important;
}

@media (min-width: 1200px) {
  .product-detail-right-col {
    padding-left: 40px;
    width: 45%;
  }
  .product-detail-img-col {
    width: 55%;
  }
}
.color-button-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.color-btn {
  border-radius: 50px;
  padding: 8px 14px;
  font-size: 19px;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 3px #ebebeb;
  margin: 3px;
  color: #5a5a5a;
  text-shadow: none !important;
  display: inline-block;
  transition: all 0.3s;
  animation-name: colorBtn;
  animation-duration: 2s;
}

@keyframes colorBtn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#basket_product_color {
  display: none;
}

.color-btn:hover, .color-btn:active, .color-btn:focus {
  color: #5a5a5a;
  text-decoration: none;
  box-shadow: inset 0 0 0 3px #c9c9c9;
}

.product-detail-img-col {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  top: 50px;
}

/*  cart adress */
.adress-center-form .row {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.adress-center-form [class*=col-] {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.adress-small-head {
  font-size: 16px;
  color: #750000;
}

.adress-small-btn {
  margin-top: 20px;
  display: inline-block;
  padding: 7px 10px;
  border-radius: 10px;
  box-shadow: 0 0 0px 1px #ebebeb;
  transition: all 0.2s;
  color: #333;
  font-size: 18px;
  margin-top: 10px;
  cursor: pointer;
}
.adress-small-btn.basket-address-has-branch {
  display: none;
}
.adress-small-btn label {
  font-weight: normal;
  margin: 0;
  cursor: pointer;
}
.adress-small-btn span:nth-child(2), .adress-small-btn.open span {
  display: none;
}

#basket-addresses-switch.open .adress-small-btn span,
#basket-addresses-switch.open span {
  display: none;
}

.adress-small-btn.open span:nth-child(2),
#basket-addresses-switch.open span:nth-child(2) {
  display: block;
}

#address-box #basket-addresses-switch {
  padding: 0;
}

.adress-small-btn:hover, .adress-small-btn:focus {
  color: #333;
  box-shadow: 0 0 0px 2px #3d9ef1;
  text-decoration: none;
}

.adress-center-form {
  max-width: 470px;
  margin: 0 auto;
  margin-top: 30px;
}

/* Floating Label */
.form-label-group {
  position: relative;
  margin-bottom: 15px;
}
.form-label-group .bootstrap-select button {
  padding: 0;
  padding-left: 20px;
  height: 55px;
  border: 1px solid #d6d6d6;
  border-radius: 7px;
}
.form-label-group.form-label-group-select .btn-group.bootstrap-select.form-control button .filter-option.pull-left {
  padding-top: 20px;
  font-size: 18px;
}
.form-label-group .bootstrap-select button:hover {
  background: transparent;
}
.form-label-group .bootstrap-select button:focus {
  border: 1px solid rgba(131, 192, 253, 0.5);
  box-shadow: 0 0 0px 2px rgba(131, 192, 253, 0.5);
  outline: none !important;
  background: none !important;
}
.form-label-group.form-label-group-select > label {
  font-size: 12px;
  padding-top: 10px;
  padding-left: 20px;
}

.form-control {
  padding: 0px 20px;
  background: #fff;
  border-radius: 6px;
  box-shadow: none;
  outline: 0;
  font-size: 18px;
  border: 1px solid #d6d6d6;
  color: #333;
  height: 55px;
}
.form-control:hover {
  border-color: #adadad;
}
.form-control:focus {
  border: 1px solid rgba(131, 192, 253, 0.5);
  box-shadow: 0 0 0px 2px rgba(131, 192, 253, 0.5);
}

.form-label-group .form-control {
  padding-top: 16px;
}
.form-label-group > label {
  height: 55px;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  padding-left: 20px;
  padding-top: 19px;
  margin-bottom: 0;
  line-height: 1;
  pointer-events: none;
  cursor: text;
  transition: all 0.1s ease-in-out;
  font-size: 17px;
  font-weight: 400;
  color: #666;
}
.form-label-group > label strong {
  font-weight: 400;
}
.form-label-group > textarea {
  height: 12rem;
  padding-top: 2.4rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  max-width: 100%;
}
.form-label-group input::placeholder,
.form-label-group textarea::placeholder {
  color: transparent;
  opacity: 0;
}
.form-label-group input::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder,
.form-label-group input:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder,
.form-label-group input::-ms-input-placeholder,
.form-label-group textarea::-ms-input-placeholder,
.form-label-group input::-moz-placeholder,
.form-label-group textarea::-moz-placeholder {
  color: transparent;
}
.form-label-group input:not(:placeholder-shown),
.form-label-group textarea:not(:placeholder-shown) {
  padding-top: 16px;
}
.form-label-group input:not(:placeholder-shown) ~ label,
.form-label-group textarea:not(:placeholder-shown) ~ label,
.form-label-group input:focus ~ label {
  font-size: 12px;
  padding-top: 10px;
  padding-left: 20px;
}
.form-label-group textarea:not(:placeholder-shown) {
  padding-top: 3rem;
}

/* END Floating Label */
/* cart line */
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
  width: 0;
}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
  background: #797979;
}
.bs-wizard > .bs-wizard-step-2.active > .progress > .progress-bar,
.bs-wizard > .bs-wizard-step-3.active > .progress > .progress-bar {
  width: 0%;
  animation-name: cartLine;
  animation-duration: 1.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}

@keyframes cartLine {
  from {
    width: 0;
  }
  to {
    width: 50%;
  }
}
/* radio */
.check-styled {
  position: relative;
  margin-top: 0px;
  margin-bottom: 1rem;
  display: flex;
  width: 100%;
  font-size: 1.3rem;
}
.check-styled input[type=radio] {
  opacity: 0;
  display: block;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
}
.check-styled input[type=radio] + label {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  min-height: 2rem;
  margin: 0;
  vertical-align: middle;
  padding-left: 2.7rem;
  cursor: pointer;
  font-weight: normal;
  padding-top: 0px;
  line-height: 1.2;
  font-size: 1.3rem;
  position: relative;
}
.check-styled input[type=radio] + label:before {
  width: 20px;
  height: 20px;
  border: 4px solid #f0f0f0;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  border-radius: 50%;
}
.check-styled input[type=radio] + label:after {
  width: 20px;
  height: 20px;
  border: 4px solid #0070c9;
  background-color: #0070c9;
  font-family: "Font Awesome 5 Pro";
  line-height: 1;
  content: "\f00c";
  position: absolute;
  font-weight: 600;
  left: 20px;
  top: 0;
  transition: all 0.3s;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.check-styled input[type=radio]:checked + label:after {
  opacity: 1;
}
.check-styled input[type=radio]:disabled + label {
  opacity: 0.3;
  cursor: no-drop;
}

/* end radio */
/* cart-doprava */
#shipping-payment-box #basket-payments-box {
  margin: 0;
  width: 100%;
}
#shipping-payment-box #basket-shippings-box {
  width: 100%;
  margin: 0;
}

.doprava-platba-item {
  border: 1px solid #f5f5f5;
  border-bottom: 0;
  width: 100%;
  min-height: 75px;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  /* color: #797979; */
}
.doprava-platba-item-info-text {
  padding-left: 2rem;
  color: #717171;
  font-weight: 300;
  font-size: 14px;
  margin-top: 5px;
}
.doprava-platba-item-info-text p {
  margin-bottom: 0;
}
.doprava-platba-item .check-styled input[type=radio] + label {
  padding: 10px 20px;
  height: 100%;
  padding-left: 47px;
}
.doprava-platba-item:hover {
  background-color: #f5f5f5;
}
.doprava-platba-item.selected {
  background-color: #f5f5f5;
  /* color: #202020; */
}
.doprava-platba-item:first-child {
  border-bottom: none;
}
.doprava-platba-item:last-child {
  border-bottom: 1px solid #f5f5f5;
}
.doprava-platba-item .check-styled {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 0;
}
.doprava-platba-item .doprava-platba-item-subcontent > * {
  padding-left: 20px;
}
.doprava-platba-item .check-right {
  padding-left: 2rem;
  width: 100%;
  vertical-align: baseline;
  display: flex;
  align-items: center;
}
.doprava-platba-item input[type=radio] + label:after, .doprava-platba-item input[type=radio] + label:before {
  top: 50%;
  transform: translateY(-50%);
}
.doprava-platba-item .check-right img {
  max-width: 100%;
  max-height: 100%;
}

.doprava-platba-item-img {
  width: 80px;
  height: 40px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-right: 15px;
}

.doprava-platba-item .check-right span {
  display: inline-block;
}
.doprava-platba-item .check-right span.price {
  margin-left: auto;
  font-weight: 700;
  width: auto;
  padding-left: 15px;
}

@media (max-width: 767px) {
  .doprava-platba-item .check-right {
    /* flex-direction: column; */
    /* align-items: flex-start; */
  }
  .doprava-platba-item input[type=radio] + label:before, .doprava-platba-item input[type=radio] + label:after {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 478px) {
  .doprava-platba-item .check-right span {
    /* display: block; */
    /* width: 100%; */
    /* margin-top: 10px; */
  }
  .doprava-platba-item .check-right span.price {
    /* display: block; */
  }
}
#basket-payments .cart-online-content {
  display: none;
}
#basket-payments .cart-online-content .doprava-platba-item {
  /* padding-left: 70px; */
}

.cart-online-wrap-head {
  border: 1px solid #f5f5f5;
  width: 100%;
  min-height: 75px;
  padding: 1rem 2rem;
  background-color: #ffffff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -1px;
  display: flex;
  align-items: center;
  font-size: 17px;
  padding-left: 160px;
  justify-content: space-between;
  position: relative;
  cursor: pointer;
}
.cart-online-wrap-head:hover, .cart-online-wrap-head.active {
  background-color: #f5f5f5;
}
.cart-online-wrap-head::before {
  width: 20px;
  height: 20px;
  border: 4px solid #f0f0f0;
  background-color: #ffffff;
  content: "";
  position: absolute;
  left: 20px;
  top: 25px;
  border-radius: 50%;
}
.cart-online-wrap-head::after {
  width: 20px;
  height: 20px;
  border: 4px solid #0070c9;
  background-color: #0070c9;
  font-family: "Font Awesome 5 Pro";
  line-height: 1;
  content: "\f00c";
  position: absolute;
  font-weight: 600;
  left: 20px;
  top: 25px;
  transition: all 0.3s;
  opacity: 0;
  color: #ffffff;
  text-align: center;
  font-size: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cart-online-wrap-head.active::after {
  opacity: 1;
}
.cart-online-wrap-head span:nth-child(2) {
  font-weight: 700;
}
.cart-online-wrap-head span:first-child {
  position: relative;
}
.cart-online-wrap-head span:first-child::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  display: block;
  left: 100%;
  top: 0;
  margin-left: 10px;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.3s;
}
.cart-online-wrap-head.open span:first-child::after {
  transform: rotate(180deg);
}
.cart-online-wrap-head .small-title {
  font-size: 14px;
  display: block;
  width: 100%;
  color: #797979;
}

/* end cart-doprava */
.form-label-group label.error {
  position: relative;
  /* top: calc(100% + 2px); */
  left: 0;
  padding: 0 !important;
  margin-top: 5px;
  font-size: 12px;
  color: #ff3033;
  height: auto;
}
.form-label-group label.error:after {
  content: "\f00d";
  background: #ff3033;
  position: absolute;
  left: calc(100% - 33px);
  width: 25px;
  height: 25px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: "Font Awesome 5 Pro";
  display: flex;
  position: absolute;
  top: -45px;
  text-indent: 0;
  font-size: 14px;
  color: #fff;
  line-height: 1;
}
.form-label-group label.error.valid:after {
  background: #32c671;
  content: "\f00c";
}
.form-label-group input.error {
  color: #ff3033;
  border-color: #ff3033;
}

@media (max-width: 575px) {
  .adress-center-form .form-group {
    /* width: calc(100% - 40px); */
  }
}
.variant-headline-row {
  margin-top: 20px;
  margin-bottom: 15px;
}

.variant-headline-col {
  text-align: right;
}

.toggle-btn-calc {
  display: inline-block;
  padding: 7px 10px;
  border-radius: 10px;
  box-shadow: 0 0 0px 1px #ebebeb;
  transition: all 0.2s;
  color: #333;
  font-size: 18px;
  cursor: pointer;
  margin-top: 0px;
}
.toggle-btn-calc span:nth-child(2) {
  display: none;
}
.toggle-btn-calc.open span:nth-child(1) {
  display: none;
}
.toggle-btn-calc.open span:nth-child(2) {
  display: block;
}
.toggle-btn-calc:hover, .toggle-btn-calc:focus {
  color: #333;
  box-shadow: 0 0 0px 2px #3d9ef1;
  text-decoration: none;
}

.sizeFrameCalc {
  display: none;
  max-width: 100%;
  padding: 15px 15px 5px 15px;
  border: 2px solid #eeeeee;
  border-radius: 10px;
  margin-bottom: 10px;
}

.nazevCalc {
  color: #494949;
  font-size: 22px;
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
}

.sizeFrameCalcInside {
  display: block;
  padding-top: 5px;
}

#sizeInputId {
  width: 100%;
}

.heightData {
  padding-bottom: 4px;
}

.sizeFrameCalcInside .sizeCalculated {
  padding-top: 10px;
}

.sizeMin {
  float: left;
}

.sizeMax {
  float: right;
}

.sizeMin,
.sizeMax {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 300;
}

.sizeFrameCalc input[type=range] {
  width: 100%;
  margin: 9px 0;
  background-color: transparent;
  -webkit-appearance: none;
}
.sizeFrameCalc input[type=range]::-webkit-slider-thumb {
  margin-top: -8px;
  width: 25px;
  height: 25px;
  background: #494949;
  border-radius: 50px;
  cursor: pointer;
  -webkit-appearance: none;
}
.sizeFrameCalc input[type=range]::-webkit-slider-runnable-track {
  background-image: linear-gradient(to right, grey, #fec84c);
  border-radius: 25px;
  width: 100%;
  height: 10px;
  cursor: pointer;
  -webkit-appearance: none;
}

.heightData,
.sizeCalculated,
.sizeMin,
.sizeMax {
  color: #494949;
}

.heightData,
#sizeOutputId {
  font-size: 17px;
}

.sizeCalculated {
  font-size: 18px;
  font-weight: 600;
}

#sizeOutputId,
#slideval {
  font-weight: 700;
  color: #222;
  display: inline-block;
}

#sizeIdle {
  font-weight: 700;
  color: #222;
  display: inline-block;
  padding-left: 4px;
}

.sizeWarning {
  color: #797979;
  font-size: 12px;
  padding-top: 3px;
}

.trustpilot-widget {
  margin-top: 30px;
}

.product-list .row {
  width: 100%;
  margin-left: -7px;
  margin-right: -7px;
}

.body-de .company-footer-motto-wrap img {
  max-width: 260px !important;
  margin-bottom: 5px;
}

.basket-notify p {
  margin-bottom: 0;
}

#products-filters #tags-filter-fake .li-tag.li-tag_60 {
  display: block;
  order: 2;
}

#products-filters #tags-filter-fake .li-tag.li-tag_37 {
  display: block;
  order: 4;
}

#products-filters #tags-filter-fake .li-tag.li-tag_64 {
  display: block;
  order: 3;
}

@media (max-width: 767px) {
  .bookmarks-names-wrap.text-center .nav.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bookmarks-names-wrap .nav-tabs li a {
    margin-bottom: 10px;
  }
}
.body-de .open #manufacturer-main-menu {
  display: flex;
  flex-direction: column;
}
.body-de #manufacturer-main-menu .producer-cat {
  order: 13;
}
.body-de #manufacturer-main-menu .producer-16 {
  order: 1;
}
.body-de #manufacturer-main-menu .producer-38 {
  order: 2;
}
.body-de #manufacturer-main-menu .producer-17 {
  order: 3;
}
.body-de #manufacturer-main-menu .producer-63 {
  order: 4;
}
.body-de #manufacturer-main-menu .producer-18 {
  order: 5;
}
.body-de #manufacturer-main-menu .producer-88 {
  order: 6;
}
.body-de #manufacturer-main-menu .producer-15 {
  order: 7;
}
.body-de #manufacturer-main-menu .producer-40 {
  order: 8;
}
.body-de #manufacturer-main-menu .producer-64 {
  order: 9;
}
.body-de #manufacturer-main-menu .producer-29 {
  order: 10;
}
.body-de #manufacturer-main-menu .producer-85 {
  order: 11;
}
.body-de #manufacturer-main-menu .producer-87 {
  order: 12;
}
.body-de .pager-show-text {
  display: none;
}

.btn-payu-error {
  color: #fff;
  display: inline-flex;
  padding: 10px 40px;
  text-align: center;
  border: none;
  border-radius: 9999px;
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 10px;
  background: linear-gradient(#42a1ec, #0070c9);
  transition: 0.25s;
}
.btn-payu-error:hover {
  background: linear-gradient(#42a1ec, #00579d);
  transition: 0.25s;
  color: #fff;
}

.row.row-flex.hp-9-icons.hpBenefits i {
  padding-left: 15px;
}

.body-de .when-tooltip,
.body-en .when-tooltip,
.body-sk .when-tooltip,
.when-tooltip.active {
  display: none !important;
}

.days-to-delivery {
  display: none;
  position: absolute;
  right: 0;
  bottom: 100%;
  margin-bottom: 10px;
  background: #fff;
  padding: 10px;
  width: 300px;
  border: 1px solid #eeeeee;
}
.days-to-delivery h3 {
  font-size: 16px;
  font-weight: 600;
}

.when-tooltip {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
}
.when-tooltip.active {
  display: inline-flex;
}

.when-tooltip-hover {
  cursor: pointer;
}

.days-to-delivery.open {
  display: block;
}

.days-to-delivery-item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.days-to-delivery-item span:nth-child(2) {
  margin-left: 5px;
  color: #0d9314;
}

/*  cookies */
.cookie-link {
  background: none;
  border: none;
  padding: 0;
  color: #fff;
}

#c-bns button:first-child,
#s-bns button:first-child {
  background: rgba(30, 30, 30, 0.8);
}

#c-bns button:first-child:hover,
#s-bns button:first-child:hover {
  background: #333;
}

.cc_div .c-bn,
#s-bl .c-bl.b-ex {
  background: #f2f2f2;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #89c30d;
}

.cookie-page h2 {
  margin-bottom: 30px;
  margin-top: 30px;
}
.cookie-page h4 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
}

#s-bns {
  text-align: center;
}
#s-bns #s-all-bn,
#s-bns #s-rall-bn {
  display: none;
}
#s-bns .c-bn {
  margin: 0 auto;
  float: none;
  background: rgba(30, 30, 30, 0.8);
  color: #fff;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  opacity: 0.3;
}

.disabled-product-text {
  margin-top: 20px;
  font-size: 18px;
}

#basket-product-form-price.disabled-product-head {
  font-size: 24px;
  margin-top: 40px;
  display: block;
}

.buy-modal .modal-dialog {
  width: 1130px;
  max-width: 100%;
}
.buy-modal .modal-content {
  border-radius: 30px;
  border: none;
}
.buy-modal .modal-dialog .modal-title {
  text-align: center;
  font-size: 24px;
  margin-top: 10px;
}
.buy-modal .buy-modal-cart-btn {
  text-align: left;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.buy-modal .buy-modal-cart-btn p {
  font-size: 15px;
  color: #797979;
  margin-bottom: 10px;
}
.buy-modal .buy-modal-cart-btn .cart-btn {
  background-color: #0070c9;
  background: linear-gradient(#42a1ec, #0070c9);
  transition: 0.25s;
}
.buy-modal .buy-modal-cart-btn .cart-btn:hover {
  background: linear-gradient(#42a1ec, #00579d);
  transition: 0.25s;
  color: #fff;
  text-decoration: none;
}
.buy-modal .modal-header button.close {
  top: -5px;
  right: -5px;
  color: #cb0000;
  background: #fff;
  width: 31px;
  height: 31px;
  line-height: 1;
  border-radius: 50%;
  text-shadow: none;
}
.buy-modal .modal-header button.close:hover {
  color: #cb0000;
}
.buy-modal .product-list .product-item:nth-child(n+6) {
  display: none;
}

@media (min-width: 1200px) {
  .buy-modal .modal-dialog {
    /* position: absolute;
      left: 0;
      right: 0;
      bottom: 30px;
      margin: 0 auto; */
    margin-top: 180px;
  }
}
@media (max-width: 991px) {
  .dropdown-lang {
    display: none;
  }
}
#contact_note {
  width: 100%;
}

.contact-form {
  max-width: 600px;
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: 45px 45px 30px;
  margin: 0 auto;
}
.contact-form .btn {
  background-color: #f44444 !important;
  box-shadow: none;
  border-radius: 50px;
  color: #fff;
  transition: 0.25s;
  text-transform: none;
  border: none;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 18px;
}
.contact-form .btn:hover {
  background: #db272b !important;
}

.contact-main-form-bottom {
  text-align: center;
}

@media (max-width: 767px) {
  .contact-form {
    padding: 20px;
  }
}
.comment-form-wrap {
  margin-top: 20px;
  max-width: 600px;
  background-color: #f5f5f5;
  border-radius: 20px;
  padding: 45px 45px 30px;
}

.capacity-tag {
  background: #f2f2f2;
  letter-spacing: -0.3px;
  border-radius: 50px;
  padding: 2px 5px !important;
  height: 21.85px;
  display: flex;
  align-items: center;
  margin: 1px 1px 0 0;
  display: none;
}
.capacity-tag img {
  width: 20px;
  margin-right: 4px;
  display: block;
}
.capacity-tag i {
  margin-right: 2px;
}
.capacity-tag:last-child {
  display: flex;
}

.check-styled input[type=checkbox] + label.label-flex {
  display: flex;
  align-items: center;
  padding-top: 0;
}

@media (min-width: 767px) {
  .check-styled input[type=checkbox] + label.label-flex {
    margin-top: -3px;
  }
}
.vystaveno-dostupnost {
  display: flex;
  align-items: flex-end;
  line-height: 1;
}
.vystaveno-dostupnost .vystaveno-wrap {
  margin-left: 5px;
}
.vystaveno-dostupnost .vystaveno-wrap .vystaveno {
  font-size: 14px;
  color: #479eff;
  font-weight: 600;
}
.vystaveno-dostupnost .vystaveno-wrap .img-help {
  margin-left: 1px;
}

.operak-content {
  display: none;
}

.kolonaoperak-btn {
  position: absolute;
  right: 5px;
  top: 5px;
}
.kolonaoperak-btn img {
  width: 70px;
}

.body-sk .kolonaoperak-btn,
.body-de .kolonaoperak-btn,
.body-en .kolonaoperak-btn {
  display: none !important;
}

@media (max-width: 575px) {
  .kolonaoperak-btn img {
    width: 70px;
  }
}
.price-sale-num {
  margin-left: 0.5rem;
}

.leasing-price {
  display: inline-flex;
  color: #333;
  align-items: center;
  font-size: 18px;
  margin-top: 0px;
  margin-bottom: 10px;
}
.leasing-price:hover {
  text-decoration: none;
  color: #333;
}
.leasing-price:hover span {
  color: #333;
}
.leasing-price span {
  color: #0085ee;
  font-weight: 700;
  margin-left: 8px;
}
.leasing-price i {
  margin-right: 8px;
}

@media (max-width: 767px) {
  .leasing-price {
    font-size: 14px;
  }
}
.skip-pay-item input[type=radio] + label:before, .skip-pay-item input[type=radio] + label:after {
  transform: translate(0);
  top: 25px;
}
.skip-pay-item .check-right {
  flex-wrap: wrap;
}

.skip-pay-text {
  width: 100%;
  margin-top: 20px;
}
.skip-pay-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 15px;
}
.skip-pay-text ul li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
}
.skip-pay-text ul li:after {
  left: 0;
  top: 0;
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-size: 18px;
  position: absolute;
  width: 20px;
  height: 20px;
  color: #1783f6;
}

/*# sourceMappingURL=frontend.css.map */