body {
  overflow-x: hidden !important;
}

body,
.content-wrapper,
table.detail-parameters tbody tr th .row-header-label,
.step span {
  background-color: #f7f7f7;
}

#header,
#header .header-bottom {
  background: #000;
  border-color: #000;
}

#header,
#header .site-name a {
  color: #fff;
}

#navigation {
  background: #000;
}

.navigation-in>ul>li.exp>a,
.navigation-in>ul>li>a,
.navigation-in>ul>li>a:hover,
.menu-helper>span {
  color: #fff
}

.top-navigation-bar {
  background-color: #a4cb0c;
  border-color: #a4cb0c;
  padding-top: 3px;
  padding-bottom: 3px;
}

.top-navigation-bar .container>.top-navigation-menu {
  flex: 0 1 calc(100% - 250px);
}

.top-navigation-bar .container>.top-navigation-tools {
  flex: 0 1 250px;
}

.navigation-buttons a[data-target=cart] {
  color: #000000;
}

nav ul.menu-level-1>li:hover {
  background-color: #a4cb0c;
  transition: 0.3s;
}

nav ul.menu-level-1>li {
  transition: 0.3s;
}

#navigation .navigation-in ul li:hover>a>b {
  text-decoration: none !important;
}

#header .search-input {
  background: #000 !important;
  border-bottom: 1px solid #dadada;
  color: #fff !important;
}

#header .search-input:focus,
.search-focused #header .search-input,
.search-window-visible #header .search-input {
  background-color: transparent;
  border-color: transparent;
  color: #a4cb0c;
  border-bottom: 1px solid #a4cb0c;
}

.search-window-visible #header .search-input {
  border-bottom: unset;
}

#header .search-input:focus::placeholder,
.search-focused #header .search-input::placeholder,
.search-window-visible #header .search-input::placeholder {
  color: #a4cb0c;
}

#header .search-form .search-input::placeholder {
  color: #dadada;
}

.header-top {
  background-color: white;
}

#header .search-input {
  background: white !important;
  border-color: #a4cb0c !important;
  border-radius: 50px;
  padding-left: 65px;
  color: black !important;
}

#header .search-input:focus,
.search-focused #header .search-input,
.search-window-visible #header .search-input {
  border: 1px solid !important;
  border-color: #a4cb0c !important;
  border-radius: 50px;
}

#header .header-bottom {
  border-width: 0px;
}

.search-focused .search-input-icon,
.search-window-visible .search-input-icon {
  color: #dadada;
}

@media (min-width: 768px) {

  #header .search-form:hover .search-input,
  .search-focused,
  .search-window-visible {
    background-color: transparent;
    border-bottom: 1px solid #a4cb0c;
    color: #a4cb0c
  }

  #header .search-form:hover .search-input::placeholder,
  #header .search-form .focus-visible.search-input::placeholder {
    color: transparent;
  }

  #header .search-form .search-input-icon,
  #header .search-form:hover .search-input-icon,
  #header .search-form .focus-visible .search-input-icon {
    color: #a4cb0c;
  }

  #header .header-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .in-index div#content-wrapper {
    width: 100% !important;
  }

  .in-index #content {
    padding-top: 0px;
  }

  #header .search-form .search-input-icon,
  #header .search-form:hover .search-input-icon,
  #header .search-form .focus-visible .search-input-icon {
    color: white;
    background-color: #a4cb0c;
    height: 48px;
    width: 48px;
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    transition: 0.3s;
  }

  #header .search-form .search-input-icon:hover {
    background-color: #91b408;
    transition: 0.3s;
  }

  .in-index main#content>*:not(.banners-row) {
    width: 90% !important;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
  }

  header#header {
    z-index: 1003;
    position: relative;
  }

  .top-navigation-bar {
    z-index: 1004;
    position: relative;
  }
}

li.copy {
  padding: 15px 0px;
}

ul.menu-level-2>li:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  width: 5000px !important;
  height: 100% !important;
  left: -2500px !important;
  background-color: #fff !important;
  z-index: -1 !important;
}

#header .container:after,
#header .container:before {
  content: " ";
  display: table;
}

#header .search-form .search-input::placeholder {
  color: #e1e1e1 !important;
}

.content-modal .shipping-options-popup .extra.delivery {
  display: none;
}

#header .navigation-buttons a[data-target=cart] i {
  left: 20px;
  bottom: 3px;
  background-color: #a4cb0c;
}

@media (max-width: 479px) {

  .kontaktHlavicka div.ikona::before,
  .navigation-buttons a[data-target=cart]:before {
    width: 21px;
  }

  #header .navigation-buttons a[data-target=cart] i {
    left: 30px !important;
    bottom: 8px !important;
  }

  .navigation-buttons>a[data-target=cart] i {
    font-size: 9px;
    height: 15px;
    width: 15px;
  }
}

@media (max-width: 767px) {
  .ikona::before {
    content: url('/user/documents/upload/icons/telefon-black.svg') !important;
    width: 32px;
  }

  .kontaktHlavicka div.ikona::before,
  .navigation-buttons a[data-target=cart]:before {
    width: 30px;
  }

  #header .navigation-buttons a[data-target=cart] i {
    left: 45px !important;
    bottom: 20px !important;
  }

  .navigation-buttons a[data-target=navigation]:before,
  .navigation-buttons a[data-target=search]:before {
    color: black;
  }

  .navigation-in>ul>li>a {
    color: black;
  }

  .navigation-in>ul>li>a:hover {
    color: #a4cb0c;
  }

  .navigation-in.menu ul.menu-level-1>li:not(.copy) {
    background-color: black;
  }

  .navigation-in.menu ul.menu-level-1>li:not(.copy) a {
    color: white;
  }

  .navigation-in.menu ul.menu-level-1>li.copy a {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .search-window-visible #header .search {
    flex: 0 1 100% !important;
    padding: 20px 15px;
  }

  .next-to-carousel-banners .banner-wrapper {
    width: 100% !important;
  }

  .next-to-carousel-banners {
    flex-wrap: wrap;
  }

  .banner-wrapper+.banner-wrapper {
    margin-top: 0px;
  }
}

@media (min-width: 768px) {

  .kontaktHlavicka div.ikona::before,
  .navigation-buttons a[data-target=cart]:before {
    width: 32px;
  }
}

.js-search-input:hover::placeholder,
.js-search-input:focus::placeholder {
  color: #a4cb0c !important;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  white-space: normal;
}

.breadcrumbs {
  margin-top: 20px;
}

.add-to-cart-button span {
  color: white;
}

#footer {
  margin-top: 100px;
  background-color: #e1e1e1;
}

.in-krok-1 .inactive-child {
  display: none;
}

.bannery-stred .col-lg-6 {
  margin-bottom: 40px;
}

.content-modal .shipping-options-popup .extra.delivery {
  display: none;
}

.bannery-stred {
  margin-top: 70px;
  margin-bottom: 30px;
}

.bannery-stred .col-xs-6 {
  margin-bottom: 40px;
}

span#signature a {
  color: #000;
}

img.topFooterImg {
  margin-bottom: 40px;
}

.kDispoziciFooter {
  padding-top: 20px;
}

.type-product .breadcrumbs {
  width: 100%;
}

.subcategories li a,
.sidebar-inner>div.box-sm {
  background: white !important;
}

.subcategories.with-image li {
  padding: 13px 5px;
}

.subcategories li a .text {
  font-weight: 500 !important;
}

.products-block>div .p {
  background: #fff;
  box-shadow: 0 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.products-block>div:hover {
  box-shadow: none !important;
}

.p-detail-inner h1 {
  padding-bottom: 15px
}

.p-detail-inner .p-detail-inner-header,
.p-detail-inner .p-short-description {
  margin-bottom: 40px
}

.p-detail-inner-header-mobile,
.p-detail-inner-header-mobile .h1 {
  padding-bottom: 25px;
}

.stars .star.is-active:hover,
.stars .star.star-half:before,
.stars .star.star-on:before {
  color: #a4cb0c;
}

img#essoxPaymentsCalculateImg {
  padding-left: 0px !important;
}

.flag.flag-action {
  display: block;
  position: absolute;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  background-color: #ff0000;
  color: #fff;
  padding: 0px;
  text-align: center;
  line-height: 120%;
  width: 55px;
  height: 55px;
  line-height: 55px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0;
  border-radius: 50% 50% 50% 50%;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  -ms-border-radius: 50% 50% 50% 50%;
}

span.price-standard,
span.price-save {
  color: #ff0000;
}

.basic-description {
  max-width: 60% !important;
  margin: auto;
}

/* Extended description*/
.extended-description ::after {
  display: none;
}

.extended-description tr {
  border-bottom: solid 1px #e4e4e4;
}

.extended-description table {
  font-size: 18px;
}

.extended-description th {
  padding-top: 10px;
  padding-bottom: 10px;
}

.extended-description table.detail-parameters {
  width: 60% !important;
  text-align: right;
  margin: auto;
}

table.detail-parameters tbody tr th:after {
  border-top-color: transparent;
}

.extended-description>p {
  text-align: center;
}

.extended-description th {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.extended-description td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.extended-description {
  width: 100%;
  background: #ffffff;
  padding: 30px 0px 50px 0px;
  margin-top: 30px;
}

.extended-description>p {
  font-size: 31px;
}

.extended-description table.detail-parameters tbody tr th .row-header-label {
  background-color: #ffffff !important;
}

.extended-description .doporuceni ul {
  list-style: none !important;
}

.siteCookies__form,
.siteCookies--bottom.siteCookies--scrolled {
  background-color: #000000;
}

.siteCookies__link {
  background-color: #a4cb0c;
  border-color: #a4cb0c;
}

@media (hover: hover) {
  .siteCookies__link:hover {
    background: #91b408;
    border-color: #91b408;
  }
}

.messages,
.user-action-login.popup-widget.login-widget,
.user-action-cart.popup-widget.cart-widget.loader-wrapper {
  z-index: 1005;
}

.kontaktHlavicka div.ikona span {
  color: #000000;
}

.navigation-buttons a[data-target=cart]:before {
  content: url('/user/documents/upload/icons/kosik-black.svg') !important;
}

.kontaktHlavicka div.ikona::before {
  content: url('/user/documents/upload/icons/telefon-black.svg') !important;
}

.in-index .row.banners-row {
  margin-top: 0px;
}

@media (min-width: 768px) {
  .container {
    width: 90%;
    max-width: 1920px;
  }

  .banners-row .banner-wrapper+.banner-wrapper {
    margin-top: 0px !important;
  }

  #navigation .menu-level-2 {
    border-top-width: 0px
  }
}

@media (max-width: 991px) and (min-width:768px) {
  .row.custom-footer.elements-many>div.col-lg-3 {
    width: 50% !important;
  }

  .row.custom-footer.elements-many {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (max-width:768px) {
  .custom-footer__banner8 {
    display: none;
  }

  .row.custom-footer.elements-many {
    text-align: center;
  }
}

@media (max-width: 991px) {

  .banners-row .col-sm-8,
  .banners-row .col-sm-4 {
    width: 100%;
  }

  .next-to-carousel-banners {
    display: flex;
    gap: 10px;
    margin-top: 10px;
  }

  .next-to-carousel-banners .banner-wrapper {
    width: 50%;
  }
}

@media screen and (min-width: 992px) {
  .banners-row .col-sm-8 {
    width: 100% !important;
  }

  .banners-row .col-sm-4 {
    width: 100%;
    padding-left: 0px !important;
    margin-top: 20px;
  }

  .next-to-carousel-banners {
    display: flex;
    gap: 20px;
  }

  .next-to-carousel-banners>.banner-wrapper {
    width: 50%;
  }
}

@media (min-width: 1300px) {
  .row.custom-footer.elements-many {
    display: flex;
  }

  .row.custom-footer.elements-many>div.col-lg-3 {
    width: 20% !important;
  }
}

@media (max-width: 1299px) and (min-width: 768px) {
  .custom-footer__banner17 {
    display: none;
  }

  .row.custom-footer.elements-many {
    display: flex;
  }
}

@media (min-width:1921px) {
  .banners-row .col-sm-8 {
    margin-top: 20px;
  }
}

@media(min-width: 768px){
  .menu-helper>ul {
      overflow-x: hidden;
  }
}

nav ul.menu-level-1>li>a {
  text-transform: uppercase !important;
}

@media (max-width:479px){
  .navigation-buttons a[data-target=cart]:before{
      width: 23px !important;
      margin-top: 1px;
  }
  
  #header .navigation-buttons a[data-target=cart] i {
      left: 30px !important;
      bottom: 10px !important;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  #header .navigation-buttons a {
      height: 80px !important;
      width: 80px !important;
  }
}