@media (min-width: 768px) {
  .flag {
    padding: 7px 9px;
    font-size: 12px;
  }
}

.site-msg-custom.information .text,
.site-msg.information .text {
  color: white;
  text-align: left;
}

.template-11 .sidebar #dklabDopravaBanner {
  display: none;
}

.in-registration-login
  .content-inner
  .box-bg-transparent.co-box.co-registration:first-of-type {
  flex-wrap: wrap;
}

.in-registration-login
  .content-inner
  .box-bg-transparent.co-box.co-registration:first-of-type
  .form-group {
  width: 100%;
  flex: 0 0 100%;
  text-align: left;
}

/*.site-name img {-webkit-filter: none; filter: none;}*/

.instagram-subheadline {
  display: block;
  text-align: center;
  margin-top: -25px;
  margin-bottom: 35px;
}

.instagram-subheadline a {
  display: inline-block;
  padding: 5px 0;
  line-height: 1.4;
  color: #7c7e8f;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.instagram-subheadline a:hover {
  color: var(--color-primary);
}

.flag {
  font-size: 11px;
  max-width: 15em;
  text-align: left;
}

.banners-content a img,
.banner-footer a img,
.banner-wrapper a img,
.footer-banner a img,
.banner-category a img {
  margin: 0 auto;
}

.body-banners > div {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
}

.top-category-block .menu-content > div > a {
  font-size: 14px;
  line-height: 1.6;
}

@media (min-width: 480px) {
  .banners-top-block .banner-wrapper:nth-child(3),
  .banners-top-block .banner-wrapper:nth-child(2) {
    /*width: 25%;
    max-width: 25%;
    flex: 0 0 25%;*/
  }
}

.is-header-black.submenu-visible:not(.menu-helper-visible) #header,
.is-header-black .navigation-close,
.is-header-black #header {
  background-color: #070600;
}

#footer {
  background-color: #010506;
}
.welcome {
  padding: 40px 10px 20px 10px;
}
.welcome p {
  margin-bottom: 25px;
}

.welcome h2 {
  font-size: 24px;
  line-height: 1.4;
}
.welcome p:last-child {
  margin-bottom: 0;
}

.welcome ul {
  text-align: left;
}

.welcome ul > li,
.welcome ol > li {
  margin-bottom: 5px;
}

@media (max-width: 768px) {
  .welcome__right-panel {
    padding: 0 15px;
  }
}

@media (min-width: 768px) {
  .instagram-subheadline {
    margin-top: -45px;
  }

  h4.homepage-group-title[class*="homepage-products-heading"],
  .h4.homepage-group-title[class*="homepage-products-heading"] {
    margin-bottom: 20px;
    margin-top: 50px;
    font-size: 36px;
  }
  .top-category-block {
    margin-bottom: 40px;
    margin-top: 50px;
  }

  .partners-block {
    margin-top: 60px;
  }

  .homepage-box.welcome-wrapper {
    margin-top: 60px;
  }

  .products-group {
    margin-bottom: 50px;
    margin-top: 60px;
  }

  .welcome {
    padding: 40px 30px 20px 30px;
  }
  .is-header-fixed.is-header-hidden #header .site-name a img {
    max-height: 50px;
  }
  .welcome h1 {
    font-size: 36px;
    margin-bottom: 25px;
  }
  .welcome p {
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .welcome {
    padding: 40px 40px 40px 40px;
  }
}

@media (min-width: 992px) {
  .header-top {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .popup-widget.login-widget {
    top: 120px;
  }

  .popup-widget.cart-widget {
    top: 120px;
  }

  .admin-logged .popup-widget.login-widget {
    top: 145px;
  }

  .admin-logged .popup-widget.cart-widget {
    top: 145px;
  }
}

@media (min-width: 768px) {
  .top-navigation-bar .container > div.top-navigation-contacts {
    top: 0;
    height: 49px;
  }
}
.availability-reg-only {
  color: #fe0000;
}

#dklabBanplusNadPatickou img {
  border-radius: 15px;
}

#dklabBanplusNadPatickou.container {
  padding: 0 20px;
}

.in-registration-login:not(.is-logged) .content-inner form,
.in-registration-login:not(.is-logged) .content-inner {
  max-width: 700px;
}

.in-registration-login:not(.is-logged) .content-inner form {
  margin-bottom: 30px;
}

.in-registration-login:not(.is-logged) .content-inner .box-bg-transparent h4 {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
}

.registration-list {
  display: block;
  list-style: none;
  list-style-position: inside;
  counter-reset: item;
}

.registration-list .form-group {
  display: list-item;
  position: relative;
  padding-left: 25px;
}

.registration-list .form-group::before {
  content: counter(item) ".";
  counter-increment: item;
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  color: #7c7e8f;
  line-height: 1.4;
  font-size: 16px;
}

</style
  > <link
  rel="stylesheet"
  href="/user/documents/upload/mimedigital/mnozstevky.css"
  type="text/css"/
  > <style
  > .slevy-rozklik {
  width: 300px;
  color: #d9a92a;
  font-weight: bold;
  font-size: 13px;
}

.mnoszstvi-more {
  max-height: 0;
  overflow: hidden;
}

.slevy-rozklik {
  width: auto;
}

.mnoszstvi-more {
  position: absolute;
  left: -6px;
  top: 25px;
  background: #fff;
  z-index: 10;
  border: 1px solid #dadada;
  border-radius: 5px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  font-weight: normal;
  text-align: left;
  color: #333;
  font-size: 15px;
  width: 100vw;
  max-width: 325px;
  transition: 0.3s;
  opacity: 0;
}
.slevy-rozklik {
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.mn-dis {
  font-size: 10px;
  color: #666;
  font-weight: normal;
}

.mn-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}

.mn-col {
  flex: 0 1 25%;
}

.mn-col2 {
  flex: 0 1 75%;
  text-align: left;
}

.mn-col2 {
  color: #666;
}
.mn-revealed .mnoszstvi-more {
  max-height: 400px;
  opacity: 1;
  padding: 10px;
}
.slevy-rozklik {
  cursor: pointer;
}

@media (max-width: 768px) {
  .slevy-rozklik {
    position: absolute;
    left: 10px;
    bottom: 10px;
  }

  .cart-table tr {
    position: relative;
  }
}

.mn-col2 > span:first-of-type {
  font-weight: bold;
}

#md-mnozstevni-slevy > h3 {
  color: #cd9934;
  font-size: 24px;
  margin-bottom: 14px;
}

#md-mnozstevni-slevy {
  background: transparent;
  border: 1px solid #cd9934;
}

.md-slevy-col.resultdiv {
  background: #75bd4d;
}

.md-slevy-row {
  border-bottom: 1px solid #3c3c3c;
}

.row7 .md-slevy-col:first-of-type {
  border: 1px solid #3c3c3c;
}

.flag.flag-mnozstevni-sleva {
  display: none;
}

.type-detail #dklabBanplusIkony .dklabBanplusIkona i,
.type-detail #dklabBanplusIkony .dklabBanplusIkona .dklabBanplusIkonaImg {
  background: #cd9934 !important;
}

/* NEW */
body #dklabBanplusNadPatickou.container {
  margin-top: 15px;
  padding: 0 20px;
}

.search-whisperer .price {
  display: none;
}

.products-block .reg-only .p-bottom .prices {
  flex-basis: 100%;
}

.p-info-grid .detail-grid-item.reg-on {
  width: 100%;
}

.p-info-grid .detail-grid-item.reg-on .p-final-price-wrapper .price-final {
  color: red;
}

@media (min-width: 768px) {
  .p-info-grid .detail-grid-item.reg-on .p-final-price-wrapper .price-final {
    font-size: 22px;
  }
}

.products-block.products .reg-only .p .price strong {
  font-size: 16px;
  color: red;
}

.product-top {
  margin-bottom: 50px;
}

body.type-detail #dklabBanplusIkony {
  margin-bottom: 40px;
  border-radius: 20px;
  box-shadow: none;
  border: 1px solid #e0e5ee;
}

.products-block.products .p .name {
  -webkit-line-clamp: 4;
}

@media (min-width: 768px) {
  .p-info-headline .h1,
  .p-info-headline h1 {
    font-size: 28px;
  }
  .products-block.products .p .name {
    font-size: 16px;
  }
}

.contact-box-icon-list:not(.contact-box-icon-list--not-facebook) {
  /* display: none; */
}

#footer ul.contact-box-icon-list {
  margin-top: 10px;
}

#header ul li.contact-box-icon,
#footer .contact-box ul li.contact-box-icon {
  width: auto;
  display: inline-block;
  /* margin-right: 0;
  display: block;
  width: 100%; */
}

#header ul li.contact-box-icon .instagram,
#header ul li.contact-box-icon .facebook,
#footer .contact-box ul li.contact-box-icon .instagram,
#footer .contact-box ul li.contact-box-icon .facebook {
  display: block;
  width: 100%;
}

#header ul li.contact-box-icon span,
#footer .contact-box ul li.contact-box-icon span {
  color: #0f0f0f;
}

#header ul li.contact-box-icon .instagram a,
#header ul li.contact-box-icon .facebook a,
#footer .contact-box ul li.contact-box-icon .instagram a,
#footer .contact-box ul li.contact-box-icon .facebook a {
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 20px;
  padding-left: 60px;
  background: var(--color-tertiary);
  border-radius: 8px;
  display: flex;
  align-items: center;
  min-height: 40px;
}

#header ul li.contact-box-icon .instagram a,
#header ul li.contact-box-icon .facebook a {
  position: relative;
  padding: 4px 5px;
  padding-left: 35px;
  font-size: 14px;
}

#header ul li.contact-box-icon .instagram a:hover,
#header ul li.contact-box-icon .facebook a:hover,
#footer .contact-box ul li.contact-box-icon .instagram a:hover,
#footer .contact-box ul li.contact-box-icon .facebook a:hover {
  background: var(--color-tertiary);
}

#header ul li.contact-box-icon .instagram:before,
#header ul li.contact-box-icon .facebook:before,
#footer .contact-box ul li.contact-box-icon .instagram:before,
#footer .contact-box ul li.contact-box-icon .facebook:before {
  display: none;
}

#header .contact-box-icon-list.contact-box-icon-list--not-facebook {
  margin: 0;
  padding: 0;
}

#header ul li.contact-box-icon .instagram a:before,
#header ul li.contact-box-icon .facebook a:before,
#footer .contact-box ul li.contact-box-icon .instagram a:before,
#footer .contact-box ul li.contact-box-icon .facebook a:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 24px;
  font-size: 24px;
  text-align: center;
  font-family: "apollo" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: none;
  content: "\e90d";
  left: 30px;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: var(--color-primary);
  transition: color 250ms ease-out;
  font-size: 25px;
}

#footer .contact-box ul li.contact-box-icon .instagram a:before,
#header ul li.contact-box-icon .instagram a:before {
  content: "\e90b";
}

#header ul li.contact-box-icon {
  margin-left: 5px;
}

#header ul li.contact-box-icon .instagram a:before,
#header ul li.contact-box-icon .facebook a:before {
  font-size: 20px;
  left: 22px;
}

#header ul li.contact-box-icon .instagram a:before,
#header ul li.contact-box-icon .facebook a:before {
  font-size: 20px;
  left: 22px;
}

#header ul li.contact-box-icon .instagram a span,
#header ul li.contact-box-icon .facebook a span {
  display: none;
}

#header ul li.contact-box-icon .instagram a:before,
#header ul li.contact-box-icon .facebook a:before {
  font-size: 22px;
  left: 20px;
  top: 53%;
}

@media (max-width: 1200px) {
  #header ul li.contact-box-icon .instagram a:before,
  #header ul li.contact-box-icon .facebook a:before {
    font-size: 24px;
    left: 28px;
  }
  #header ul li.contact-box-icon .instagram a span,
  #header ul li.contact-box-icon .facebook a span {
    display: none;
  }
}

@media (max-width: 768px) {
  #header .contact-box-icon-list.contact-box-icon-list--not-instagram,
  #header .contact-box-icon-list.contact-box-icon-list--not-facebook {
    display: none;
  }
}

.carousel-control--gallery {
  display: block;
}

.carousel-control--gallery.left {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  left: -15px;
  cursor: pointer;
}

.carousel-control--gallery.right {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  right: -15px;
  cursor: pointer;
}

.carousel-control--gallery.left:before {
  left: 0;
}

.carousel-control--gallery.right:before {
  right: 0;
}

@media (min-width: 768px) {
  .carousel-control--gallery.left {
    width: 50px;
    height: 50px;
    left: -25px;
  }

  .carousel-control--gallery.right {
    width: 50px;
    height: 50px;
    right: -25px;
  }
}

.flag.flag-modul-cena-pre-prihlasenych {
  display: none;
}

.top-navigation-bar .top-navigation-contacts a {
  padding: 1rem 5px;
}

.top-navigation-contacts .divider {
  margin-right: 6px;
}

@media (min-width: 768px) {
  .top-navigation-bar .container > div {
    flex: 1 1 10%;
  }
}

@media (min-width: 1220px) {
  .top-navigation-bar .container > div {
    flex: 1 1 15%;
  }
}

.contact-block {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) and (max-width: 1220px) {
  .top-navigation-contacts .contact-block:last-child {
    display: none;
  }
  .top-navigation-menu {
    padding-right: 85px;
  }
}

@media (min-width: 1440px) {
  .top-navigation-bar .container > div {
    flex: 1 1 35%;
  }
}

@media (max-width: 768px) {
  .top-navigation-contacts .divider {
    display: none !important;
  }
  .top-navigation-contacts .contact-block {
    justify-content: center;
    flex-wrap: wrap;
  }
  .top-navigation-contacts strong {
    display: block;
    color: black;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .instagram-block {
    margin-top: 50px;
  }

  .partners-block {
    margin-bottom: 60px;
  }
}

.top-navigation-contacts > strong {
  display: block;
}

.top-navigation-contacts .divider {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}

.top-navigation-contacts .divider-no-margin {
  margin-right: 0;
}