/* Banner stred */
.banner-stred {display: flex; height: 500px; width: 100%; gap: 30px}
.banner-stred-col {display: flex;flex-direction: column; height: 100%; width: 50%;}
.banner-stred-col h2 {color: #FF0000;}	
.banner-stred-col div:first-child{display: flex; justify-content: flex-end; padding: 30px 40px 0 0;}
.banner-stred-col div:first-child div {flex-direction: column; padding: 0}
.banner-stred-col .banner-stred-left div:first-child div {display: flex; flex-direction: column;}
.banner-stred-col .banner-stred-left-1 {display: flex; justify-content: space-between; flex-direction: row; padding: 0 0 60px 68px}
.banner-stred-col div:last-child p {color: #888; margin:0; line-height:1.4; max-width: 460px}
.banner-stred-col div:first-child a {padding: 12px 18px; background-color: #FF0000; color: #fff; height: fit-content; width: fit-content}
.banner-stred-left {justify-content: space-between; background: url("/user/documents/upload/pictures/bannerlinde.jpg") no-repeat; background-size: cover;}
.banner-stred-right {background: url("/user/documents/upload/pictures/bannerclear.jpg") no-repeat; background-size: cover;}
.banner-stred-right div:last-child {display:flex; flex-direction: column; align-items: flex-end; text-align: right; padding-right: 40px}
.banner-stred-right div:last-child p {max-width: 400px; padding-bottom: 30px}
.banner-stred-right div:last-child a {padding: 12px 18px; background-color: #FF0000; color: #fff; height: fit-content; width: fit-content}
.banner-stred-right div:last-child a:hover, .banner-stred-col div:first-child a:hover {background: #E30000}
/* Banner stred mobil */
.banner-stred-mob {display: flex; flex-direction:column; gap:30px; margin-bottom: 40px; text-align:center;}
.banner-stred-mob h2 {color: #ff0000; padding-bottom: 2px}
.banner-stred-mob p {padding-bottom: 8px}
.banner-stred-mob a {margin: auto; padding: 12px 18px; background-color: #FF0000; color: #fff; height: fit-content; width: fit-content} 
.banner-stred-mob-top {padding: 30px 20px 0 20px; height: 700px; background: url("/user/documents/upload/pictures/bannerlindemob.jpg") no-repeat bottom center; background-size: cover;}
.banner-stred-mob-bot {padding: 30px 20px 0 20px; height: 600px; background: url("/user/documents/upload/pictures/bannerclearmob.jpg") no-repeat bottom center; background-size: cover;}

/* Nevytřízeno */

.nobr { white-space: nowrap }
#carousel::before, #carousel::after{background:transparent;}
a.project-phone::before {margin-top: -4px;}
header {
    max-width: 100% !important;
}
.top-navigation-bar, .type-index:not(.no-carousel):not(.multiple-columns-body) .top-navigation-bar, body:not(.type-index) .top-navigation-bar, .type-index.no-carousel .top-navigation-bar, .type-index.multiple-columns-body .top-navigation-bar{background-color:#FF0000;max-width:100%;}

.welcome-banner {background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0, rgba(255, 255, 255, 0)), url("/user/documents/upload/pictures/ca_sea.jpg") no-repeat center; height: 640px; background-size: cover; display: flex; text-align: center; flex-direction: column; align-items: center; justify-content: center;}
.welcome-banner h2 {color: #fff; font-size: 4rem; font-weight: 400; padding-bottom: 16px;}
.welcome-banner p {font-weight: 300; color: #fff; font-size: 1.8rem; padding-bottom: 12px; line-height: 1.1}
.welcome-banner a {color: #fff; font-size: 1.6rem; font-weight: 500; background-color: #FF0000; border: none; padding: 10px 24px; text-align: center; text-decoration: none}
.welcome-banner a:hover {background-color: #E30000;}

.benefitBanner__title {font-weight: 500 !important;}

.button-red {color:#fff; padding: 8px 12px; background-color:#FF0000; font-weight:500}
.button-red:hover {background-color:#E30000}

.servis-wrapper {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.servis-wrapper h2 {
    color: #ff0000;
    margin-bottom: 24px;
}

.servis-container h3 {
    color: #606060;
}

.servis-container p {
    color: #777777;
    font-family: "Barlow", Helvetica, sans-serif;
    font-weight: 300;
}

.servis-container .servis-item a {
    display: inline;
    color: #ff0000;
    font-family: "Barlow", Helvetica, sans-serif;
    border-bottom: solid 1px #d8d8d8;
    padding-bottom: 5px;
}

.servis-container .servis-item a:hover {
    color: #000;
}

.footer-banner:has(span[data-ec-promo-id="78"]) {
    width: 100%;
    height: fit-content;
    margin: 30px 0;
}

.footer-banners:has(span[data-ec-promo-id="78"]) {
    background: #f2f2f2;
    width: 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .navigation-in > ul > li > a, .extended-banner-title, .fav-cat li > div a, .menu-helper > span, .p .name, .prices, .prices > div, .vote-initials, .vote-name, .news-item .text .title, .social-login-buttons-divider, .subcategories li a .text, .price-standard, .price-final, .price-additional, #productsAlternative::before, .benefitBanner__title, #variants::before, .variant-name, #ratingTab::before, .rate-wrapper .rate-average, .vote-form > form::before, #productDiscussion::before, .cart-table .main-link, .free-gift::before, .free-gift-name, .cart-table tr.related td::before, .cart-related-name, .price-primary, .payment-info b, .payment-shipping-price, .cart-item.cart-item-gift > div > strong, .id--15 .cart-table .p-name, .id--15 .cart-table .p-price, #search-group-categories .search-results-group-list ul li a, .empty-content-404::before, .obj-detail .p-name a, .klient-centrum.obj-detail .content td:last-child, .step-title, .empty-cart-boxes ul li a, .dklab_instagram_widget_heading > .text, .plugin-fixed-header__name, .fvDoplnek .fvDoplnek-produkt .fvDoplnek-text .price, .fvDoplnek-text .name, .hodnoceni-hp .autor, body, div, p, li, label, input, a, #carousel .extended-banner-title, #footer .custom-footer > div h4, .quantity .increase::before, .quantity .decrease::before, .box-categories > h4, #filters h4, .product-appendix, .advanced-order .h2, .p-price .price-final {
  font-family: 'Barlow', Helvetica, sans-serif !important;
}

.overall-wrapper, #footer {
    max-width: 100%;
}

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


@media screen and (max-width: 1200px) {	
.banner-stred {display: none}
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
.banner-stred-mob {flex-direction:row}
}

@media screen and (min-width: 1200px) {
.banner-stred-mob {display:none}
}