/* VARS */
:root {
    --dark-gray: #434343;
    --light-gray: #F5F8F7;
    --dark-purple: #4B0082;
    --primary-blue: #005694;
    --azure-blue: #1390BA;
    --success-green: #66FF99;
    --info-yellow: #F9B000;
    --link-blue: #005591;
    --header-blue: #005591;
    --menu-blue: #005293;
    --text-color: #242526;
}
html {
    scroll-padding-top: 170px;
    counter-reset: counter-1;
}
body {
    counter-reset: counter-2;
}
.hidden {
    display: none !important;
}
.underline {
    text-decoration: underline;
}
.navbar>.container, .navbar>.container-fluid {
    flex-direction: column;
    padding: 0;
}

#overlay {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(206, 196, 196, 0.5);
    z-index: 1000;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.main-container {
    border-top: 4px solid var(--header-blue);
}
.main-content a:not(.btn):not(.nav a) {
    color: var(--link-blue);
}
.main-container.col-lg-9 {
    -ms-flex: 0 0 79.5%;
    flex: 0 0 79.5%;
    max-width: 79.5%;
}

.alert {
    margin: 5px 10px;
}
.alert a {
    text-decoration: underline;
    color: var(--link-blue);
}
.alert a:hover {
    text-decoration: none;
}

.text-black-20 {
    color: rgba(0, 0, 0, .2);
}

.product-content li {
    list-style-type: none;
    position: relative;
    padding-left: 24px;
    margin-bottom: 12px;
}

.product-content li::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 10px; /* Velikost SVG */
    height: 10px; /* Velikost SVG */
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="50" fill="%23005293" /></svg>');
    background-size: contain;
    background-repeat: no-repeat;
}

#content > .row {
    box-shadow: 0px 30px 60px #2425261F;
    margin-bottom: 48px;
}

.modal-body {
    padding: 24px;
}
.modal-body h2 {
    margin-bottom: 32px;
}
.modal-body p {
    margin-bottom: 24px;
}
.modal-body .btn {
    margin: 0 12px;
}
.modal-backdrop {
    background-color: rgba(206, 206, 206, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.modal-backdrop::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(206, 196, 196, 0.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
}

.breadcrumb-header {
    background-color: #EAEDF0;
    padding: 12px 24px;
    overflow-x: auto;
    overflow-y: hidden;
    display: inline-block;
    width: 100%;
    scrollbar-width: none;
    scrollbar-color: #888 #f1f1f1;
}
.is-mobile .breadcrumb-header {
    white-space: nowrap;
    cursor: grab;
}
.is-mobile .breadcrumb-header::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.product-submenu--nav::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.is-mobile .breadcrumb-header::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}
.product-submenu--nav::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 8px;
}

.is-mobile .breadcrumb-header::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}
.product-submenu--nav::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 8px;
}
.is-mobile .breadcrumb-header::-webkit-scrollbar-button, .product-submenu--nav::-webkit-scrollbar-button {
    display: none;
}

.is-mobile .breadcrumb-header::-webkit-scrollbar-thumb:hover, .product-submenu--nav::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.is-mobile .quantity.input-group .qty {
    border-right: none;
}

/* hamburger toggler */
.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:active,
.navbar-light .navbar-toggler:focus {
    border-color: transparent;
    outline: none;
    padding: 4px 0;
    margin: 15px 0 15px 24px;
}

.navbar-light .navbar-toggler {
    color: #005591;
    width: 30px;
    height: 20px;
    position: relative;
    transition: .5s ease-in-out;
}
.navbar-light .navbar-toggler.collapsed {
    color: #9EB1BE;
}

.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:active,
.navbar-light .navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
    border: 0;
    position: relative;
}
.navbar-toggler .toggler-icon {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #005591;
    border-radius: 10px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
}
.navbar-toggler.collapsed .toggler-icon {
    background: #9EB1BE;
}
.middle-bar {
    margin-top: 0;
}
#navbarCollapse2 .navbar-nav_.nav-locale {
    width: 100%;
    margin-bottom: 10px;
}

/* when navigation is clicked */
.navbar-toggler .top-bar {
    top: inherit;
    transform: rotate(135deg);
}
.navbar-toggler .middle-bar {
    opacity: 0;
    top: inherit;
    filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar {
    top: inherit;
    transform: rotate(-135deg);
}

/* State when the navbar is collapsed */
.navbar-toggler.collapsed .top-bar {
    position: absolute;
    top: 4px;
    transform: rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    position: absolute;
    top: 12px;
    filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar {
    position: absolute;
    top: 20px;
    transform: rotate(0deg);
}

.top-menu {
    display: flex;
}
.navbar-container .menu-dph li {
    margin: 0;
    font-size: 13px;
}
.navbar-container .menu-dph li .dropdown-item {
    padding: 10px 5px;
}
.navbar-container .menu-dph li .dropdown-item:hover {
    background: none;
    color: var(--link-blue);
    text-decoration: underline;
    padding: 10px 5px;
}
.menu-dph .dropdown-menu {
    max-width: 165px;
}
#menuDph {
    border: none !important;
    height: 53px;
    min-width: max-content;
}
.cart-menu-text-1 {
    white-space: nowrap;
}
.cart-menu-total {
    white-space: nowrap;
}
.navbar-nav_.menu-icons {
    flex-wrap: nowrap;
}

.sidebar {
    background-color: #F7F7F7;
    -ms-flex: 0 0 20.5%;
    flex: 0 0 20.5%;
    max-width: 20.5%;
}
.sidebar-content {
    background-color: #ffffff;
    border-top: 4px solid var(--header-blue);
}

.sidenav--list-categories li {
    position: relative;
    z-index: 999;
    font-family: 'Roboto Condensed';
    color: #AEBBC4;
}
.sidenav--list-categories .active-item > a.list-group-item {
    color: #005591;
    font-weight: 700;
}
.sidenav--list-categories .list-group-item {
    border-radius: 4px 0 0 4px;
    padding: 12px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.filter.categories .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sidenav--list-categories li:hover > a {
    background: #fff;
    z-index: 1005;
}
.sidenav--list-categories ul.submenu {
    display: none;
    position: absolute;
    z-index: 999;
    top: -50%;
    left: 100%;
    background-color: #ffffff;
    color: #242526;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    box-shadow: 0 20px 40px #797D8052;
    border-radius: 4px;
    min-width: 250px;
}
.sidenav--list-categories > li.depth-2 > ul {
    padding: 30px 35px;
}
.sidenav--list-categories li:hover > ul.submenu {
    display: block;
}
.sidenav--list-categories li.depth-2:hover > ul.submenu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.sidenav--list-categories .depth-2 > .submenu {
    width: 400%;
}
.sidenav--list-categories .depth-2 > ul > li {
    flex-basis: 20%;
    min-height: 120px;
    min-width: 250px;
    background-size: 30px;
    background-position: 5px 0;
    background-repeat: no-repeat;
    padding: 0 0 20px 45px;
    background-image: url("/loga-ikony/content-icon/kategorie.svg");
}
.sidenav--list-categories li > .ct-922352 {
    padding: 25px 35px;
}
.sidenav--list-categories li > .ct-922352 > li {
    display: flex;
    padding: 10px 15px;
    background-position: center 50px;
    background-size: auto;
    min-height: 155px;
}
.is-mobile .sidenav--list-categories li > .ct-922352 > li {
    min-height: auto;
}
.sidenav--list-categories li > .ct-922352 > li:hover {
    background-color: #F4F7FA;
    cursor: pointer;
}
.filter.categories .sidenav--list-categories li > .ct-922352 > li > a {
    align-items: flex-start;
    justify-content: center;
    padding: 0;
}

.sidenav--list-categories ul.submenu li > a {
    color: #484A4D
}
.sidenav--list-categories ul.submenu li:hover > a {
    background: #F8F9FA;
}
.sidenav--list-categories .depth-2 li > a {
    padding: 0 8px;
}
.sidenav--list-categories .depth-2 li:hover > a {
    background: transparent !important;
}
.sidenav--list-categories .depth-2 > ul > li > ul > li:hover > a {
    text-decoration: underline;
}
.sidenav--list-categories ul.submenu.submenu-2 {
    top: -10px;
    left: 100%;
    background-color: #F8F9FA;
    box-shadow: 0 10px 20px #797D801C;
    border: 1px solid #BBC0C4;
}
.sidenav--list-categories ul ul.submenu.submenu-2,
.sidebar-filter-category ul ul ul.submenu.submenu-2 {
    display: flex;
    position: relative;
    left: auto;
    flex-direction: column;
    padding: 10px 0 0;
    line-height: 24px;
    background: none;
    border: none;
    box-shadow: none;
}
.is-mobile .sidenav--list-categories ul ul.submenu.submenu-2,
.is-mobile .sidebar-filter-category ul ul ul.submenu.submenu-2 {
    display: none;
}

.sidenav--list-categories li.depth-2:hover > ul.submenu .ct-922352:hover {
    display: flex !important;
    align-items: center;
    min-width: 500px;
    justify-content: space-around;
}
.sidenav--list-categories li.depth-2 > ul.submenu  {
    align-items: center;
    min-width: 500px;
    justify-content: flex-start;
}
.sidenav--list-categories .read-more > span,
.sidenav--list-categories .read-less > span {
    margin-left: 8px;
    color: #484A4D;
    text-decoration: underline;
    cursor: pointer;
    padding: 8px 0 15px;
    display: block;
}
.sidenav--list-categories .read-more-hidden {
    display: none;
}
.sidenav--list-categories .read-more > span:hover {
    color: #000;
}


.bs-sidebar.sidebar-filter-category {
    padding-top: 0;
    background-color: #ECF5FB;
}
.bs-sidebar .list-group-title {
    padding-left: 17px;
    color: #AEBBC4;
    font-size: 17px;
    font-weight: 400;
}
.sidebar-filter-parameters {
    background-color: #F7F7F7;
    padding-bottom: 24px;
}
.sidebar-filter-parameters .custom-control-label {
    font-size: 14px;
    color: #242526;
}
.sidebar-filter-category a.list-group-item,
.sidebar-filter-parameters a.list-group-item {
    color: #242526;
    font-size: 15px;
}
.sidebar-filter-parameters .filter {
    background-color: #F7F7F7;
    padding: 22px 24px 0;
}
.sidebar-filter-parameters .filter.filter-check {
    padding: 0 24px;
}
.sidebar-filter-parameters .filter .list-group-item {
    padding: 0 4px 0 0;
}
.sidebar-filter-category .filter .list-group-item,
.sidebar-filter-parameters .filter .list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sidebar-filter-category .filter:first-child {
    padding-top: 16px !important;
}
.sidebar-filter-category .filter:last-child {
    padding-bottom: 16px !important;
}
.filter-title, .title-filter-parameters {
    background-color: #F7F7F7;
    padding: 24px 24px 0;
    font-weight: bold;
}

.filter.categories .sidenav--list-categories > li.depth-2 > ul >li > a {
    color: var(--link-blue);
    font-weight: 700;
    font-size: 17px;
    padding-bottom: 15px;
    padding-top: 3px;
}
.filter.categories .sidenav--list-categories > li.depth-2 > ul >li > a:hover {
    text-decoration: underline;
}

.sidebar-form-newsletter {
    padding: 22px 20px;
    background-color: #E8F1F7;

}
.sidebar-form-newsletter h3 {
    font-size: 17px;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    line-height: 28px;
    letter-spacing: 0.34px;
    color: #005591;
}
.sidebar-form-newsletter p, .sidebar-form-newsletter label {
    font-size: 15px;
    line-height: 20px;
    color: #4D4D4D;
}
.sidebar-form-newsletter .text--osobni-udaje, .sidebar-form-newsletter .text--osobni-udaje * {
    font-size: 14px;
}
.sidebar-form-newsletter a {
    text-decoration: underline;
}
.navbar {
    box-shadow: 0px 3px 6px #B8C3CC69;
}
.navbar-container {
    width: 100%;
    display: flex;
  /*  align-items: center; */
   /* border-bottom: 4px solid #005293; */
}

.nav-top2 {
    margin-bottom: 8px;
    align-items: flex-start;
}

.navbar-container .logo-block {
    padding: 0 0 8px 0;
    -ms-flex: 0 0 22%;
    flex: 0 0 22%;
    max-width: 22%;
    margin-top: -15px;
}

.navbar-container .logo-block img {
    max-height: 48px;
}
.navbar-collapse {
    flex-direction: column;
    align-items: flex-end;
}
.menu-icons {
    color: #242526;
    font-size: 15px;
}


.search-box .input-group {
    flex-wrap: nowrap;
}

.search-bar-block {
    margin-left: 8px;
    margin-top: -12px;
    margin-right: 8%;
    width: 100%;
    z-index: 1001;
}

.search-bar-block .btn-primary {
    background-color: var(--primary-blue);
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.search-bar-block .search-input#autoComplete {
    width: 100%;
    height: 48px;
    padding: 13px 16px 14px;
    border: 0;
    background-color: #ffffff;
    opacity: 1;
    box-shadow: 0 3px 6px #B8C3CC3D;
    border-radius: 4px 0 0 4px;

    font-size: 16px;
    color: #242526;
 /*   text-transform: uppercase; */
    caret-color: #242526;
}

#autoComplete::placeholder {
    font-size: 16px;
    color: #797D80;
    transition: all 0.1s ease;
}

#autoComplete:hover::placeholder {
    color: #797D80;
}

#autoComplete:focus::placeholder {
    padding: 0;
    font-size: 16px;
    color: #797D80;
}

#autoComplete::selection {
    color: transparent;
}

#autoComplete:focus::selection {
    color: #fff;
    background-color: var(--link-blue);
}
#autoComplete_wrapper {
    position: absolute;
    width: calc(100% + 210px);
    height: 85vh;
    max-height: 760px;
    z-index: 1000;

    left: 0;
    right: 0;
    margin: 64px auto 0 0;

    background-color: #F8F9FA;
    border-radius: 4px;
    box-shadow: 0px 3px 6px #2425263D;

    overflow: hidden;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all -webkit-transform 0.1s ease;
}
#autoComplete_wrapper h5 {
    color: var(--header-blue);
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    padding-top: 8px;
}

#autoComplete_results_list {
    position: absolute;
    width: calc(100% - 210px);
    height: 100%;
    z-index: 1000;
    padding: 0 16px;
    left: 0;
    right: 0;
    top: 40px;
    margin: 0 auto 0 0;
    background-color: #FFF;
}
#autocomplete-footer-link {
    position: absolute;
    bottom: 16px;
    right: 226px;
    z-index: 1001;
}
#autocomplete-footer-link a {
    text-decoration: none;
    color: var(--link-blue);
    font-weight: normal;
    font-size: 12px;
}
#autocomplete-footer-link a:hover {
    text-decoration: underline;
}
#autoComplete_category {
    position: absolute;
    width: 210px;
    height: max-content;
    z-index: 1000;
    padding: 0 16px;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 0 0 auto;
    overflow: hidden;
}
.header-search-products {
    width: calc(100% - 210px);
    padding: 0 8px 0 16px;
    background: white;
}
#autoComplete_category a {
    display: block;
}

.autoComplete_result {
    margin: 0;
    padding: 8px 0;
    max-width: 100%;
    border: 0;
    list-style: none;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    transition: all 0.1s ease-in-out;
    background-color: transparent;
    color: #242526;
}

.autoComplete_result:not(:last-child) {
    border-bottom: 1px solid #A3BACC;
}

.autoComplete_result:hover {
    background-color: #B8C3CC3D;
    color: #242526;
}
.autoComplete_result.li-is-category {
    padding: 6px 0;
    border-bottom: none;
}

.navbar-nav > li > a, .nav-locale > li > a {
    color: #242526;
    font-size: 13px;
    line-height: 30px;
    text-transform: lowercase;
}
.menu-icons > li > a {
    color: #242526;
    font-size: 15px;
}
.dropdown--btn {
    position: relative;
}

.menu-icons .dropdown-menu {
    top: 42px;
}
.menu-user-buttons {
    padding-left: 8px;
    margin: 0 0 0 auto !important;
}

.menu-login .dropdown-menu.is-menu-sign {
    width: 100%;
}
.menu-icons li {
    padding-left: 8px;
    padding-right: 8px;
    background-color: #fff;
    box-shadow: 0px 3px 6px #B8C3CC3D;
    border-radius: 4px;

    margin: 0 0 6px 24px;
    list-style: none;
}
.menu-icons li.menu-cart, .menu-icons li.menu-login {
    padding: 0;
}
.menu-icons li.menu-login {
    margin: 0 0 6px 8px;
}
.menu-login a, .menu-cart a {
    padding: 8px 16px 6px;
    border-radius: 4px;
}
.menu-login .menu-icon, .menu-cart .menu-icon, .menu-dph .menu-icon, .menu-konfigurator-close .menu-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.menu-konfigurator-close {
    cursor: pointer;
}
.menu-konfigurator-close .menu-icon .close {
    margin: 0 7px 0 5px;
}

.menu-cart .menu-icon svg, .menu-login .menu-icon svg {
    height: 18px;
    fill: #B8C3CC;
    margin-right: 12px;
}
.menu-cart .menu-icon svg {
    height: 30px;
}
.cart-menu-amount {
    line-height: 16px;
}
.menu-sign--small {
    width: fit-content;
    border-radius: 4px;
    padding: 12px 16px 4px ;
    box-shadow: 0 20px 40px #797D804D;
}
.menu-sign--small-heading {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
}
.menu-sign-items, .side-menu--account {
    padding-top: 12px;
}
.side-menu--account {
    list-style-type: none;
    padding: 20px;
}
.menu-sign-items a, .side-menu--account a {
    padding: 8px 0;
    display: inline-block;
    color: #242526;
}
.menu-sign-items a {
    font-size: 13px;
}
.menu-sign-items a:hover, .side-menu--account a:hover {
    background-color: transparent;
    text-decoration: underline;
    color: var(--link-blue);
}
.side-menu--account a.active {
    font-weight: bold;
}
.menu-login .fa, .menu-cart .menu-icon .fa {
    color: #B8C3CC;
    margin-right: 16px;
    font-size: 16px;
}
.menu-cart.not-empty .menu-icon .fa {
    color: var(--header-blue);
}
.menu-login .user-name {
    color: var(--header-blue);
    font-size: 15px;
    line-height: 15px;
    display: block;
}
.menu-login .user-company {
    color: #797D80;
    font-size: 13px;
    line-height: 13px;
}
.menu-login a.menu-icon:hover, .menu-login .menu-icon:hover .fa,
.menu-login .menu-icon:hover .user-name, .menu-login .menu-icon:hover .user-company {
    background-color: var(--header-blue);
    color: #ffffff;
}

.menu-cart a.menu-icon:hover, .menu-cart .menu-icon:hover .fa {
    background-color: #66FF99;
    color: #1E4D2D;
}
.menu-login .menu-icon:hover svg {
    fill: #ffffff;
}
.menu-cart .menu-icon:hover svg {
    fill: #1E4D2D;
}
.nav-locale {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-locale > li.locale-currency > a {
    text-transform: uppercase;
}

@media (min-width: 1440px) {
    .container {
        max-width: 1440px;
    }
}
@media (min-width: 992px) {
    .nav-top .menu-dph {
        display: none;
    }
    .navbar-expand-lg .navbar-collapse {
        justify-content: right;
    }
    .nav-locale > li.dropdown-locale.active > a {
        color: #B8C3CC;
    }
    .nav-locale > li.dropdown-locale {
        padding: 6px 13px !important;
    }
    .nav-locale > li.dropdown-locale.active {
        box-shadow: 0px 20px 40px #797D804D;
        background-color: #FFFFFF;
    }
    .nav-locale > li.dropdown-locale.active > a {
        background-color: #FFFFFF;
    }
    .nav-top .filter.categories {
        display: none;
    }
    .display-tablet {
        display: none;
    }
}

.box-warning {
    padding: 12px 16px;
    background: #F7E80C;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 0;
}
.box-warning .fa {
    color: var(--header-blue);
    font-size: 48px;
}
.box-warning p {
    margin-bottom: 4px;
}

.pagination {
    justify-content: end;
    gap: 8px;
}
.list-group-item {
    background: transparent;
    border: none;
    color: var(--header-blue);
    padding-top: 9px;
}
a.list-group-item:hover {
    background: #fff;
}
.list-group-item.header-list {
    background: var(--header-blue);
    border: none;
    color: #FFFFFF;
    cursor: pointer;
}
.badge-primary {
    background-color: var(--dark-gray);
}
.list-group-item-secondary .badge-primary {
    background-color: var(--header-blue);
}
.page-item .page-link {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
    color: #005293;

    background-color: #FFFFFF;
    border: 1px solid #005293;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    text-align: center;
}
.page-item a.page-link:hover, .page-item a.page-link.next:hover  {
    color: #FFFFFF !important;
    background-color: #005293;
}
.page-item a.page-link.next:hover span, .page-item a.page-link.prev:hover span {
    background-image: url(../images/icons/arrow-white.svg);
}

.page-item.active .page-link {
    color: #242526;
    background-color: #F8F9FA;
    border: 1px solid #B8C3CC;
}

.btn-success {
    color: #1E4D2D;
    background-color: var(--success-green);
    border-color: var(--success-green);
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    color: #1E4D2D;
    background-color: #2EE66B;
    border-color: #2EE66B;
}
.btn-success-inverse {
    color: #242526;
    background-color: #fff;
    border-color: var(--success-green);
}
.btn-success-inverse:hover, .btn-success-inverse:focus, .btn-success-inverse:active {
    color: #242526;
    background-color: var(--success-green);
    border-color: var(--success-green);
}
.btn-info {
    color: #000000;
    background-color: var(--info-yellow);
    border-color: var(--info-yellow);
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info,
.btn-info-inverse:hover, .btn-info-inverse:focus, .btn-info-inverse:active, .btn-info-inverse.active {
    color:#242526;
    background-color: #E6A800;
    border-color: #E6A800;
}
.btn-info-inverse {
    color: #242526;
    background-color: #fff;
    border-color: var(--info-yellow);
}

.btn-tercial {
    color: var(--primary-blue);
    background-color: #F8F9FA;
    border-color: #F8F9FA;
}
.btn-tercial:hover, .btn-tercial:focus, .btn-tercial:active, .btn-tercial.active, .open>.dropdown-toggle.btn-tercial {
    color: var(--primary-blue);
    background-color: #F8F9FA;
    border-color: #F8F9FA;
    text-decoration: underline;
}

footer {
    margin: 80px auto 24px auto;
}
footer .logo-block {
    margin-top: -20px;
    padding-right: 7%;
}
footer .address-block {

}
footer .address-block div {
    margin-bottom: 15px;
}
footer .address-block div p {
    margin-bottom: 0;
}
footer h5 {
    font-size: 17px;
    line-height: 32px;
    letter-spacing: 0.34px;
    color: #4D4D4D;
}
footer p {
    font-size: 15px;
    line-height: 20px;
    color: #4D4D4D;
}
footer .menu-item-title, footer h5 {
    font-family: "Roboto Condensed", "Roboto", sans-serif;
}
#logo-footer {
    max-width: 125px;
    margin-bottom: 22px;
}
.footer-link {
    font: normal normal normal 15px/33px Roboto;
    letter-spacing: 0.3px;
    color: var(--link-blue);
}
#setcookies:hover {
    cursor: pointer;
    text-decoration: underline;
}
.footer-bottom {
    font-size: 13px;
    line-height: 20px;
    color: #797D80;
    padding: 0 13px;
    background: transparent linear-gradient(180deg, #F7FBFC 0%, #DFF2F7 100%) 0% 0% no-repeat padding-box;
}
.footer-bottom--block {
    align-items: flex-end;
}
.logos img {
    margin-left: 20px;
    max-height: 24px;
}
.logos-block p {
    font-size: 13px;
    line-height: 18px;
    color: #797D80;
}
.aeto-block {
    text-align: right;
}
.aeto-block a {
    color: var(--link-blue);
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0.3px;
}
.product-teaser-wrap {
    padding: 8px 0 20px 0;
    border-bottom: 1px solid #B8C3CC80;
    margin-bottom: 20px;
    position: relative;
}
.product-teaser-carousel {
    border-right: 1px solid #B8C3CC80;
    height: 100%;
    padding-right: 8px;
}
.f-carousel__slide:last-child .product-teaser-carousel {
    border-right: none;
}
.product-teaser-wrap .custom-product-card {
    border-right: 1px solid #B8C3CC80;
    justify-content: space-between;
}
.product-teaser-wrap:nth-child(4n) .custom-product-card,
.product-teaser-wrap:last-child .custom-product-card {
    border-right: 1px solid transparent;
}

.custom-product-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 0;
    padding: 8px 16px 0 12px;
}
.custom-product-card.card-active,
.custom-product-card.card-variant:hover,
.custom-product-card.card-variant.qty-focus {
    padding: 10px 21px 8px 17px;
    box-shadow: 0 20px 40px #00000029;
    width: calc(100% + 10px);
    border-right: 1px solid transparent !important;
    position: absolute;
    left: -5px;
    top: 6px;
    z-index: 9999;
    transition: width 0.1s ease;
}

.custom-product-card.card-body {
    box-shadow: none;
}
.card-body-top {
    margin-bottom: 4px;
}
.custom-product-card .card-body .card-body-top {
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    display: flex;
}

.custom-product-card .product-img {
    text-align: center;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px auto;
    flex-grow: 1;
}
.custom-product-card .product-img img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.custom-product-card .card-title {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: bold;
    color: #242526;
    max-height: 60px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Počet řádků, které se zobrazí */
    -webkit-box-orient: vertical;
    white-space: normal;
}
.custom-product-card .pricing-card-detail{
    margin-bottom: 8px;
}
.custom-product-card .cart-message,
.custom-product-card .cart-message-error {
    position: absolute;
    z-index: 10001;
    bottom: 36px;
    left: 15px;
    display: none;
    background: rgba(102, 255, 153, 0.8);
    color: #279400;
    padding: 9px 12px 11px;
    font: normal normal bold 16px/20px Roboto;
    text-align: center;
    width: calc(100% - 30px);
}
.custom-product-card .cart-message-error {
    background: #D40000;
    color: #fff;
}
.custom-product-card .card-body {
    padding: 8px 0 0;
}
.custom-product-card .card-body-bottom {
    transition: .3s ease opacity;
}
.custom-product-card .quantity.input-group select.ciselnik-jednotek {
    font-size: 15px;
}
.detail-cart-message {
    position: absolute;
    z-index: 25;
    color: #279400;
    background: #66ff99;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.btn-cart {
    color: #242526;
    background-color: #F0F4F7;
    border-color: #F0F4F7;
    padding: 8px 9px 6px;
    font-size: 13px;
    line-height: 20px;
    transition: none;
    outline: none !important;
    box-shadow: none !important;
}
.custom-product-card:hover .btn-cart,
.custom-product-card.qty-focus .btn-cart {
    color: #242526;
    background-color: var(--success-green);
    border-color: var(--success-green);
    padding: 8px 9px 6px;
}
.btn-cart:hover, .btn-cart:active, .btn-cart.active{
    color: #1E4D2D;
    background-color: #2EE66B !important;
    border-color: #2EE66B !important;
    padding: 8px 10px 6px;
}
.btn-cart:focus {
    background-color: #F0F4F7;
    border-color: #F0F4F7;
}
.custom-product-card .wrapper-quantity {
    margin-right: 4px;
    max-width: 120px;
    transition: .5s ease all;
}
.has-hover .custom-product-card .wrapper-quantity {
    display: none;
}
.custom-product-card:hover .wrapper-quantity,
.custom-product-card.qty-focus .wrapper-quantity {
    display: inline-block;
}
.custom-product-card .text-price-info-1 {
    position: absolute;
    margin-top: -3px;
}
.custom-product-card:hover .text-price-info-1,
.custom-product-card.qty-focus .text-price-info-1 {
    display: block;
}

.custom-product-card .card-text {
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    color: #797D80;
}

.custom-product-card .card-price {
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: bold;
    color: #D40000;
}
.text-price-info {
    font-size: 13px;
    line-height: 13px;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    color: #797D80;
    display: block;
}

.custom-product-card .button-row {
    height: 36px;
    margin-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    flex-wrap: nowrap;
}
.custom-product-card .button-row .col-teaser-price {
    min-width: 0;
    padding-right: 4px;
    line-height: 18px;
}
.custom-product-card .sklad-info {
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    padding: 4px 12px;
}
.custom-product-card.card-variant .row-variant {
    display: none;
    margin-top: 12px;
}
.custom-product-card.card-variant:hover .row-variant,
.custom-product-card.qty-focus .row-variant {
    display: block;
}
.custom-product-card.card-variant:hover .row-variant-preview {
    display: none;
}
.custom-product-card.card-active .sklad-info {
    display: none;
}
.custom-product-card .sklad-info-detail {
    margin-top: 12px;
    display: none;
}
.custom-product-card.card-active .sklad-info-detail {
    display: block;
}
.sklad-info-detail .sklad-info-row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
    padding: 0;
}
.sklad-info-row .info-dostupne, .sklad-info-row .info-nedostupne {
    text-align: right;
}
.custom-product-card.card-active .sklad-info .info-dostupne,
.custom-product-card:hover .sklad-info .info-dostupne {
    text-decoration: underline;
    cursor: pointer;
}
.custom-product-card .product-tags {
    position: absolute;
    right: 0;
    top: -20px;
}

.product-tags .product-tag {
    background-color: #D40000;
    color: #fff;
    display: inline-block;
    font: normal normal bold 13px/20px Roboto;
    letter-spacing: 0;
    margin: 0;
    padding: 2px 4px 1px 8px;
    text-align: center;
    text-transform: uppercase;
    width: fit-content;
    border-radius: 13px;
}
.custom-product-card .product-tags .product-tag {
    display: block;
    margin: 0 0 4px auto;
}
.product-tags .product-tag.tag-novinka {
    background-color: #FFBB00;
    color: #FFFFFF;
}
.product-tags .product-tag.tag-vyprodej {
    background-color: #0035ED;
    color: #FFFFFF;
}
.product-tags .product-tag.tag-skladem {
    background-color: #00C283;
    color: #FFFFFF;
}
.product-tags .product-tag.tag-neni-skladem {
    background-color: #9EB1BE;
    color: #FFFFFF;
}
.product-tags .product-tag.tag-akce {
    background-color: #D40000;
    color: #FFFFFF;
}

.detail-block-sale-info {
    position: sticky;
    right: 0;
    top: 120px;
    height: max-content;
    padding: 0 24px 48px;
}
.detail-block-sale-info .product-tags{
    margin-bottom: 16px;
}
.detail-block-main-info {
    border-right: 1px solid #B8C3CC;
}
.product-detail h1 {
    font-size: 28px;
    text-transform: none;
    color: var(--header-blue);
}
.product-detail-block {
    margin-bottom: 24px;
}
.detail-block-part .block-part {
    margin-bottom: 24px;
}
.detail-block-part .block-part p {
    margin-bottom: 4px;
}

.youtube-row {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 15px;
}
.youtube-row iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#product-submenu {
    margin: 0;
    padding: 0;
    background-color: white;
    width: 100%;
}
#product-submenu.is-pinned {
    top: 94px;
    position: sticky;
    z-index: 1002;
}
.list-product-submenu--nav {
    border-bottom: 1px solid #B8C3CC;
    padding: 32px 0 12px;
    margin-bottom: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    scrollbar-color: #888 #f1f1f1;
}
.list-product-submenu--nav li a {
    color: #797D80;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 16px;
    text-decoration: none;
}
.list-product-submenu--nav li a:hover {
    text-decoration: none;
    color: var(--link-blue);
}
.list-product-submenu--nav li a.active {
    color: var(--link-blue);
}
#product-submenu .nav > li > a:after,
.list-product-submenu--nav li a:after {
    content: "";
    left: 50%;
    right: 50%;
    height: 1px;
    background: var(--link-blue);
    transition: all .3s;
    opacity: 0;
    position: absolute;
    bottom: 8px;
}
#product-submenu .nav > li > a.sub-active:after,
#product-submenu .nav > li > a:hover:after,
.list-product-submenu--nav li a.active:after {
    bottom: -12px;
    height: 3px;
    border-radius: 10px;
    left: 0;
    right: 16px;
    opacity: 1;
}
.list-product-submenu--nav li a.active:after {
    right: 0;
}

.product-submenu--nav {
    margin: 0 auto;
    padding: 12px 32px;
    border-bottom: 1px solid #ddd;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    scrollbar-color: #888 #f1f1f1;
}
#product-submenu .nav, .list-product-submenu--nav .nav {
    width: 100%;
    display: inline-block;
}

#product-submenu .nav li, .list-product-submenu--nav li {
    position: relative;
    display: inline-block;
}
#product-submenu .nav > li > a {
  /*  color: #142133;*/
    font: normal normal normal 18px/24px Roboto;
    letter-spacing: 0px;
    color: #797D80;
    text-decoration: none;

    margin-right: 16px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
#product-submenu .nav > li > a:hover, #product-submenu .nav > li > a.sub-active {
    color: var(--link-blue);
    font-weight: bold;
}
#product-submenu .nav > li > a:after {
    content: "";
    left: 50%;
    right: 50%;
    height: 1px;
    background: var(--link-blue);
    transition: all .3s;
    opacity: 0;
    position: absolute;
    bottom: 8px;
}
#product-submenu .nav > li > a.sub-active:after,
#product-submenu .nav > li > a:hover:after {
    bottom: -12px;
    height: 3px;
    border-radius: 10px;
    left: -10px;
    right: 6px;
    opacity: 1;
}
.product-detail .product-content {
    padding-top: 20px;
}
.product-detail .product-images {
    padding-bottom: 16px;
    text-align: center;
}
.product-content #popis ul {
    padding: 0;
}
.product-content--block {
    margin-bottom: 48px;
}
.product-content--block h2 {
    font: normal normal bold 18px/24px Roboto;
    letter-spacing: 0;
    color: #005591;
    margin-bottom: 24px;
}
.product-detail table {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
}
.product-detail .blok-dostupnost p {
    margin-bottom: 4px;
    font-weight: bold;
    color: #797D80;
}
.info-dostupne {
    color: #279400;
}
.info-nedostupne {
    color: #E7AA00;
}
.block-stock-box {
    position: relative;
    margin-bottom: 16px;
}
#stock-box {
    position: absolute;
    z-index: 1050;
    top: 24px;
    left: 0;
    display: none;
    width: 280px;
    height: max-content;
    background-color: #F8F9FA;
    box-shadow: 0px 3px 6px #E9EBED;
    border-radius: 4px;
    padding: 12px 16px;
}
#stock-box * {
    font-size: 14px;
    line-height: 19px;
}
.box-avail-title {
    color: var(--header-blue);
}
#box-close {
    display: inline-block;
    float: right;
    color: #E05916;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
}
#stock-box.show {
    display: block;
}
.product-detail .td-label {
    padding-right: 24px;
    color: #797D80;
    min-width: 150px;
}
.detail-price {
    font-size: 16px;
    line-height: 30px;
    color: #D40000;
}
.card-price {
    color: #D40000;
}
.card-price.price-action {
    color: #FFFFFF;
    background-color: #D40000;
    padding: 0 3px;
}
.card-price.unit-price {
    color: #484A4D;
    font-weight: 700;
    font-size: 18px;
}
.text-red {
    color: #D40000;
}
.text-light-1 {
    color: #797D80;
}
.text-light-2 {
    color: #9EB1BE;
}
.text-small {
    font-size: 14px;
    line-height: 20px;
}
.text-smallest {
    font-size: 13px;
    line-height: 18px;
}
.text-extra-small {
    font-size: 12px;
    line-height: 16px;
}

#group-product-params {
    float: right;
    min-width: 50%;
}
.detail-block-group-list th {
    font-weight: 700;
}
.detail-block-group-list tr:hover td {
    background-color: #f8f8f8;
    cursor: pointer;
}
.group-product-tag {
    display: inline-block;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    border: 1px solid #797D80;
    margin-right: 7px;
}
.cart-product-tag {
    display: inline-block;
    border-radius: 50%;
    margin: 8px 0 0;
    float: left;
    border: none;
    width: 8px;
    height: 8px;
}
.small-product-tag {
    display: block;
    border-radius: 50%;
    margin: 0 0 6px;
    border: none;
    width: 8px;
    height: 8px;
}
.group-product-tag.tag-skladem {
    background: #00C283;
}
.cart-product-tag.tag-skladem, .small-product-tag.tag-skladem {
    background: #18ED35;
}
.cart-product-tag.tag-neni-skladem, .small-product-tag.tag-neni-skladem{
    background: #9EB1BE;
}
.nav-tabs .nav-link {
    color: #797D80;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:active {
    border-color: transparent;
}
.nav-tabs .nav-link.active {
    color: var(--link-blue);
    border-bottom-color: var(--link-blue);
    font-weight: bold;
}
.category-description a {
    text-decoration: underline;
    color: var(--link-blue);
}
.category-description a:hover {
    text-decoration: none;
}
.category-description p {
    font-size: 14px;
    line-height: 19px;
    color: #797D80;
}
.category-description img {
    max-width: 100%;
}
.card-category {
    display: flex;
    padding: 22px 20px 20px;
    background-color: #F7FAFC;
    border-radius: 4px;
    border: 1px solid #CDE1EE;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 60px;
}
.album .card-category.has-icon {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.album .card-category.has-icon img {
    margin: 0 15px 0 -5px;
}
.card-category--sm:hover img[data-src-hover=""] {
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(325deg) brightness(107%) contrast(101%);
}
.card-deck .card-category {
    align-items: center;
    text-align: center;
}
.category-card-img {
    max-width: 38px;
    max-height: 38px;
}
.card-category:not(.card-category--sm) {
    min-height: 125px;
}
.card-categories a,
.card-category .name-category {
    color: var(--link-blue);
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}
.card-categories a:active *, .card-categories a:hover *,
.card-categories a:visited *, .card-categories a:link *,
.card-categories a:focus * {
    color: var(--link-blue);
}
.card-category--sm {
    background-color: #F0F7FC;
    border: 1px solid #F0F7FC;
    box-shadow: none;
    border-radius: 4px;
    justify-content: center;
    padding: 10px 20px;
}
.card-category--sm .name-category {
    color: var(--link-blue);
    text-transform: none;
}
.card-category--sm:hover {
    background-color: var(--menu-blue);
    border: 1px solid var(--menu-blue);
    box-shadow: none;
}
.card-category--sm:hover .name-category {
    color: #FFFFFF;
}

.cards-categories {
    margin-bottom: 16px;
}
.cards-categories .row {
    margin-left: 0;
    margin-right: 0;
    justify-content: stretch;
}
.cards-categories div[class^="flex-"]{
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
    align-self: stretch;
}
.card-person {
    text-align: center;
}
.card-person img {
    border-radius: 50%;
}
.media {
    margin-top: 16px;
    margin-bottom: 16px;
}
.media-body table {
    border-collapse: collapse;
}
.media-body th, .media-body td {
    padding-right: 16px;
    font-weight: normal;
}
.media-body strong, .media-body span {
    display: block;
}
.media img {
    border-radius: 4px;
    width: 80px;
    margin-right: 16px;
}

.products-carousel {
    background: transparent;
    border-radius: 0 16px 16px 0;
    padding: 30px 0;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.products-carousel .f-carousel {
    --f-carousel-slide-width: calc(100% / 4 + .5%);
}
.products-carousel.view-c-6 .f-carousel {
    --f-carousel-slide-width: calc(100% / 6 + .5%);
}
.products-carousel.view-c-5 .f-carousel {
    --f-carousel-slide-width: calc(100% / 5 + .5%);
}
.products-carousel.view-c-4 .f-carousel {
    --f-carousel-slide-width: calc(100% / 4 + .5%);
}
.products-carousel .f-carousel {
    --f-carousel-slide-padding: 0 8px;
    --f-button-width: 48px;
    --f-button-height: 48px;
    --f-button-next-pos: -16px;
    --f-button-prev-pos: -30px;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-color: #FFFFFF;
    --f-button-border: 1px solid #FFBB00;
    --f-button-border-radius: 4px;
    --f-button-shadow: none;
    --f-button-bg: #FFBB00;
    --f-button-hover-bg: #FFFFFF;
    --f-button-active-bg: #FFFFFF;
}
.products-carousel .custom-product-card {
    padding: 8px 12px 8px 4px;
}
.products-carousel .f-carousel__dots li {
    flex: 1;
    min-width: 0;
}
.products-carousel .f-carousel__dots li button {
    width: 100%;
    border: 0;
    outline: none;
}
.products-carousel .f-carousel__dots li button:focus {
    outline: none;
}
.products-carousel .f-carousel__dot {
    width: 100%;
    height: 5px;
    border-radius: 0;
    background: #B8C3CC;
    opacity: 1;
    border: 0;
}
.products-carousel  .f-carousel__dots li.is-current .f-carousel__dot {
    background: #FFBB00 !important;
}
.f-carousel__nav .f-button.is-prev {
    display: none;
}
.is-horizontal .f-carousel__nav .f-button.is-prev,
.is-horizontal .f-carousel__nav .f-button.is-next,
.is-horizontal .fancybox__nav .f-button.is-prev,
.is-horizontal .fancybox__nav .f-button.is-next {
    top: 24px;
}

div[id^="carousel-bar"] {
    margin-top: 12px;
    width: 100%;
    height: 2px;
    background-color: #B8C3CC;
    display: flex;
}
.carousel-bar-read {
    margin-top: -3px;
    height: 8px;
    background-color: #FFBB00;
}
.product-detail .carousel-bar-read {
    margin-top: 0;
    height: 100%;
}
.carousel-bar-unread {
    height: 25%;
}
.blok-product-carousel h3 {
    padding-left: 15px;
}

/* loga firem */
.logo-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-rows: auto;
    gap: 1rem;
    padding: 1rem 0;
}
.logo-grid-col {
    display: flex;
    justify-content: center;
    align-items: center;
}
.logo-grid-col img {
    max-width: 120px;
    width: auto;
    max-height: 80px;
}
@media (max-width: 768px) {
    .logo-grid {
        display: flex;
        overflow-x: auto;
        gap: 1rem;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 1rem;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .logo-grid::-webkit-scrollbar {
        display: none;
    }
    .logo-grid-col {
        flex: 0 0 auto;
        scroll-snap-align: start;
        width: 28%;
        max-width: 120px;
    }
    .logo-grid-col img {
        max-width: 100px;
    }
}


/* banner */
#content section.banner-teaser-block {
    margin-bottom: 0;
}

.banner {
    position: relative;
}
.banner-image img {
    border-radius: 4px;
}
.banner .btn-banner {
    position: absolute;
    left: 16px;
    bottom: 16px;

    font: normal normal bold 14px / 20px Roboto;
    letter-spacing: 0;

    padding: 4px 12px;
}
.col-md-6 .banner .btn-banner,
.col-md-4 .banner .btn-banner  {
    left: 24px;
    bottom: 24px;
}

.banner-carousel {
    position: relative;
}

.f-carousel__dot {
    width: 10px;
    height: 10px;
    border-radius: 12px;
    background: #fff;
    opacity: 1;
    border: 1px solid var(--link-blue);
}
.f-carousel__dots li.is-current .f-carousel__dot, .teaser-icon>.icon:hover>.image {
    background: var(--link-blue);
}

.item-manufacturer {
    justify-content: center;
    width: calc(100% / 6);
}
.manufacturer-logo {
    max-width: 84px;
    display: flex;
    align-items: center;
}

.manufacturer-logo img {
    max-width: 100%;
    height: auto;
}

.icons-grid {
    margin: 0 auto 36px auto;
}
.icons-grid.manufacturer {
    align-items: center;
}
.icons-grid.contact {
    align-items: flex-end;
}
.icons-grid.manufacturer img, .icons-grid.contact img {
    max-width: 160px;
}
.icons-grid.manufacturer .btn, .icons-grid.contact .btn {
    padding: 6px 12px;
}
.icons-grid.manufacturer a, .icons-grid.contact a {
    font: normal normal bold 16px/32px Roboto;
    color: #000;
}
.icons-grid .icon-item {
    display: flex;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    padding: 8px;

    color: var(--header-blue);
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}
.icons-grid.manufacturer, .icons-grid.contact {
    text-align: left;
    font-size: 13px;
    gap: 24px;
}
.box-info .icons-grid.manufacturer, .box-info .icons-grid.contact, .category-description .icons-grid.manufacturer {
    justify-content: center;
    font-size: 13px;
}
.box-info .icons-grid.manufacturer .icon-item, .box-info .icons-grid.contact .icon-item {
    -ms-flex: 0 0 0%;
    flex: 0 0 0%;
}
.icons-grid .icon-item p {
    text-align: center;
    margin: 0 auto;
    color: var(--header-blue);
    max-width: 230px;
}
.icons-grid .icon-item img {
    max-height: 56px;
    margin-bottom: 20px;
}

.box-info {
    background-color: #FCBA000D;
    padding: 24px 32px 16px 24px;
    height: 100%;
}
.box-info p, .box-info h3 {
    color: #000;
}
.box-info a {
    font: normal normal bold 16px/32px Roboto;
    color: #000;
}

.content-news h1 {
    font-size: 28px;
    line-height: 40px;
}

.content-news .short-text {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.news-block .flex-2-col {
    padding: 0;
}
.custom-standard-card:hover h5 {
    text-decoration: underline;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -8px;
}

.flex-1-col {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 16px;
}
.flex-2-col, .flex-3-col, .flex-4-col {
    width: 50%;
    padding: 0 8px;
    margin-bottom: 8px;
}

.flex-col-login {
    width: 50%;
    padding: 0 6% 0px 4%;
    border-right: 1px solid #B8C3CC;
    margin-right: 4%;
}
.flex-col-register {
    width: 45%;
    padding-right: 15px;
}
.flex-col-register .btn {
    margin-top: 8px;
}
#register-account-small {
    display: none;
}

.kontakt-row {
    padding-top: 15px;
}
.kontakt-row table {
    width: 100%;
}
.kontakt-row table td {
    white-space: nowrap;
}
.kontakt-row .flex-2-col {
    width: auto;
    flex-basis: 50%;
}

.kontakt-box {
    display: flex;
    align-items: center;
}
.kontakt-img {
    z-index: 1;
}
.kontakt-img img {
    width: 334px;
    max-width: 334px;
}
.kontakt-bg {
    background-color: #2973CE;
    color: #fff;
    border-radius: 22px;
    padding: 15px 30px 15px 100px;
    margin-left: -80px;
}
.kontakt-title {
    font-size: 30px;
    font-weight: 700;
    margin: 7px 0 14px;
}
.kontakt-body {
    font-weight: 200;
}
.kontakt-footer {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.kontakt-footer > div {
    flex-grow: 1;
}
.kontakt-footer > .icon {
    text-align: right;
    margin-right: 15px;
}
.kontakt-footer > .icon img {
    max-height: 33px;
}
.kontakt-footer > .text a {
    font-size: 20px;
    color: #fff !important;
    text-decoration: underline;
}
.kontakt-footer > .text a:hover {
    text-decoration: none;
}
.logo-box,
.podpora-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 45px;
}
.podpora-block {
    flex: 1 1 300px;
    min-width: 180px;
    max-width: 255px;
}
.podpora-title {
    text-align: center;
    font-size: 20px;
    color: var(--header-blue);
    padding: 15px 5px;
}

.logo-box img {
    flex: 1 1 200px;
    min-width: 170px;
    max-width: 170px;
}
.row.poradenstvi > * {
    display: flex;
    align-items: center;
}
.row.poradenstvi .icon {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    margin: 15px;
}
.page-content h3 {
    color: var(--primary-blue);
}
.page-box {
    display: flex;
    flex-wrap: nowrap;
    background-color: #F4F6F8;
}
.page-box > div {
    text-align: center;
}
.page-box > div > div {
    padding: 8px 15px;
}
.page-box.tile-box {
    flex-wrap: wrap;
    background: transparent;
    gap: 15px;
}
.page-box.tile-box > div {
    flex: 1 1 220px;
    min-width: 220px;
    padding: 20px 15px;
    background: #EFF7FC;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
}
.tym-box {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.tym-box > div {
    flex: 1 1 220px;
    min-width: 220px;
}
.tym-box .title {
    font-size: 20px;
    color: var(--primary-blue);
}
p.konfigurator-form label {
    margin: 20px 5px 0 15px;
}
p.konfigurator-form input {
    scale: 1.5;
    margin-right: 10px;
}
.counter-1 {
    counter-increment: counter-1;
}
.counter-2 {
    counter-increment: counter-2;
}
.counter::before {
    color: #FFBB00;
    font-weight: 700;
    margin-right: 5px;
}
.counter-1::before {
    content: counter(counter-1) ". ";
}
.counter-2::before {
    content: counter(counter-2) ". ";
}
.casova-osa {
    background: #F4F6F8;
    padding: 25px 10px;
    position: relative;
}
.casova-osa::before {
    content: '';
    position: absolute;
    top: 32%;
    left: 70px;
    right: 28px;
    height: 4px;
    background-color: var(--link-blue);
}
.casova-osa .item {
    flex: 1 1 10%;
    text-align: center;
}
.casova-osa .circle {
    background: #fff;
    border: 4px solid var(--link-blue);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    position: relative;
}
.casova-osa .year {
    margin-top: 10px;
    font-weight: 700;
}
.casova-osa-2 {
    text-align: center;
}
.casova-osa-2 .item {
    flex: 1 1 20%;
    padding: 20px;
}
.casova-osa-2 .item:not(:last-child) {
    border-right: 1px solid #707070;
}
.casova-osa-2 .title {
    font-size: 35px;
    font-weight: 900;
    color: var(--link-blue);
    padding-bottom: 10px;
}
.torenit-icons-1 > div {
    text-align: center;
    flex: 1 1 auto;
    max-width: 25%;
    min-width: 200px;
}
.page-content .pimcore_area_content {
    padding: 15px 0;
}
.page-content .pimcore_area_content img {
    object-fit: scale-down;
}

@media (max-width: 991px){
    .menu-dph-2 {
        display: none;
    }
    .kontakt-img {
        display: none;
    }
    .kontakt-bg {
        padding: 15px 30px;
        margin: 0;
    }
}

@media (min-width: 576px){
    .container {
        max-width: 100%;
    }
}

@media (min-width: 768px){
    .flex-3-col, .flex-4-col {
        calc(100% / 3);
    }
}

@media (min-width: 971px){
    .cart-row .col-code .small {
        max-width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        transition: white-space 0.3s ease, overflow 0.3s ease, width 0.3s ease;
    }
    .cart-row .col-code:hover .small {
        overflow: visible;
        width: auto;
    }
}

@media (min-width: 992px){
    .flex-2-col, .flex-3-col, .flex-4-col {
        margin-bottom: 16px;
    }
}

@media (min-width: 1200px){
    .container {
        max-width: 1180px;
    }
    .flex-3-col {
        width: calc(100% / 3);
    }
    .flex-4-col {
        width: 25%;
    }
    .kontakt-box {
        width: 80%;
        margin: 40px auto;
    }
}

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

@media (min-width: 1400px){
    .container {
        max-width: 1380px;
    }
}

@media (min-width: 1460px){
    .container {
        max-width: 1440px;
    }
}

.cart-quantity {
    display: flex;
    align-items: center;
}
.torenit-show-btn, .torenit-edit-btn,
.parapety-show-btn, .parapety-edit-btn,
.quantity.input-group {
    border: 1px solid #B8C3CC;
    border-radius: 2px;
    min-width: 105px;
    max-width: 120px;
    height: 42px;
}
.wrapper-quantity .quantity.input-group {
    min-width: 96px;
    max-width: 105px;
    height: 36px;
}
.torenit-show-btn:hover, .torenit-edit-btn:hover, .torenit-edit-conf-btn:hover,
.quantity.input-group:hover, .quantity.input-group:hover .qty, .quantity.input-group:hover .form-control  {
    border-color: var(--link-blue) !important;
}
.quantity.input-group .form-control {
    text-align: center;
    height: 100%;
    border: none;
    font: normal normal normal 20px / 20px Roboto;
    color: #797D80;
    margin-left: 0;
    border-radius: 0;
}
.quantity.input-group button {
    padding: 6px 2px;
    width: 24px;
    flex: 0 1 auto;
    color: #B8C3CC;
}
.quantity.input-group button:hover {
    color: #fff;
    background-color: var(--link-blue);
}
.quantity.input-group .qty {
    border-left: 1px solid #B8C3CC;
    border-right: 1px solid #B8C3CC;
    z-index: 4;
    font-size: 15px;
}
.cart-row .quantity.input-group .qty {
    border-right: 1px solid #B8C3CC;
}

.quantity .input-group-text {
    border: none;
    border-right: 1px solid #B8C3CC;
    background-color: #ffffff;
    color: #797D80;
    font: normal normal normal 15px/21px Roboto;
    padding-left: 0;
    padding-right: 8px;
}
.form-control.qty.is-invalid {
    padding-right: 4px;
}
.row-item-data {
    flex-wrap: nowrap;
}
.detail-block-add-to-cart {
    width: 100%;
}
.detail-block-add-to-cart .btn {
    width: 100%;
    max-width: 240px;
}
.detail-block-add-to-cart .quantity.input-group {
    max-width: 240px;
    height: 40px;
}
.detail-block-add-to-cart .quantity.input-group button {
    width: 32px;
    flex: 0 1 auto;
}
.detail-block-add-to-cart .form-group.form-group-baleni {
    max-width: 100px;
    display: inline-block;
}
.detail-block-add-to-cart .form-group.form-group-baleni select {
    height: 48px;
}
.pdf-link::before, .file-link::before, .i-email::before, .i-phone::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('../images/icons/pdf-file-icon.svg') no-repeat center center;
    background-size: contain;
    margin-right: 5px;
    filter: invert(18%) sepia(96%) saturate(2240%) hue-rotate(191deg) brightness(92%) contrast(101%);
}
.file-link::before {
    background: url('../images/icons/file-icon.svg') no-repeat center center;
}
.i-phone, .i-email {
    display: inline-block;
}
.i-email::before {
    filter: none;
    height: 18px;
    background: url('../images/icons/email.svg') no-repeat center center;
    background-size: contain;
}
.i-phone::before {
    filter: none;
    height: 18px;
    background: url('../images/icons/phone.svg') no-repeat center center;
    background-size: contain;
}

.cart-content {
    padding: 48px 24px 48px 16px;
}
.cart-nav {
    background-color: var(--header-blue);
    padding: 16px 32px 0;
}

.cart-nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

.cart-nav ul li a {
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: white;
    padding: 16px 32px;
    display: block;
}

.cart-nav ul li.active a {
    background-color: white;
    color: var(--link-blue);
    border-radius: 0;
}

.shopping-cart {
    padding-top: 20px;
}
.was-validated_ input:invalid, .was-validated_ textarea:invalid,
.was-validated_ .form-check-input:invalid,
.was-validated_ input:invalid ~ label.required:before {
    border: 1px solid #D40000;
    background: #FADEDE 0 0 no-repeat padding-box;
}
.was-validated_ .form-check-input:invalid ~ .form-check-label,
.was-validated_ .form-check-input:invalid ~ .form-check-label * {
    color: #D40000;
}
.form-check-label a {
    text-decoration: underline;
}

.shopping-cart input[type=number]::-webkit-inner-spin-button,
.shopping-cart input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.shopping-cart input[type=number] {
    -moz-appearance: textfield;
}
.checkout-address-col, .checkout-shipping-col {
    padding-top: 22px;
}
.block-register-newsletter {
    margin-bottom: 8px;
}
.block-register-newsletter .form-group {
    margin-bottom: 0;
}

.cart-row {
    padding-top: 12px;
    padding-bottom: 10px;
    margin-right: -8px;
}
.cart-row:hover {
    background-color: #EBF1F5;
}
.col-code {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px;
    color: var(--text-color);
}
.col-code .small {
    font-size: 12px;
}
.col-name {
    flex-grow: 1;
}
.col-name a {
    text-decoration: none;
}
.col-name a:hover {
    text-decoration: underline;
}
.cart-row:hover .btn-open-modal {
    display: block;
}
.btn-open-modal {
    padding: 0;
    display: none;
    line-height: 0;
    background-color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.cart-item-price {
    text-align: right;
    padding-left: 0;
}
.cart-item-price .text-item {
    font-size: 14px;
}
.cart-item-price .total-item {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #242526;
    font-family: "Roboto Condensed", "Roboto", sans-serif;
    margin-right: 4px;
}
.block-remove-item {
    width: 31px;
    margin-left: 6px;
    display: flex;
    align-items: center;
}
.order-summary {
    font-size: 16px;
    line-height: 21px;
}
.order-summary li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 11px;
}
.order-summary .amount {
    text-align: right;
    white-space: nowrap;
    color: #242526;
}
.order-summary .amount.amount-total {
    color: #E05916;
    font-weight: bold;
}
.order-summary .label {
    color: #797D80;
    padding-right: 8px;
}
.cart-row .col-image, .cart-row .col-product-name {
    text-align: left;
}
.cart-row .col-image {
    padding-right: 0;
}
.cart-row .col-product-name {
    padding-left: 0;
}
.cart-row .product-name {
    font-size: 17px;
    line-height: 23px;
    color: #242526;
    font-weight: bold;
    margin-bottom: 0;
}
.cart-row .badge, .summary-cart-table .badge {
    padding: .25em .6em;
    border-radius: 10rem;
    font-size: 75%;
    font-weight: 700;
}
.product-row {
    min-height: 45px;
    margin-bottom: 8px;
}
.product-row .product-name {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #242526;
    max-width: 330px;
}
.detail-block-group .product-row .product-name {
    max-width: 360px;
}
.detail-block-group .product-row:hover .product-name {
    text-decoration: underline;
}
.product-row .detail-price, .row-to-cart .detail-price, .row-to-cart .total-price {
    font: normal normal bold 18px/20px "Roboto Condensed";
}
.row-to-cart .total-price {
    color: #484A4D;
}
.price-right {
    min-width: 25%;
    text-align: right;
}
.product-row .col-image {
    display: flex;
    align-items: center;
}
.product-row .col-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detail-block-group .product-row .col-text {
    align-items: flex-start;
}

.variant-row {
    margin-bottom: 25px;
}
.variant-row .quantity.input-group {
    margin: 0;
}
.variant-row .quantity.input-group .qty {
    border-left: 1px solid #B8C3CC;
    border-right: 1px solid #B8C3CC;
}
.variant-row .quantity.input-group button {
    width: 24px;
}
.variant-row .plus-minus-group {
    flex-direction: column;
}
.variant-row .plus-minus-group button {
    border-radius: 0;
    height: 50%;
    padding: 1px;
}
.variant-row button.plus-btn.form-control {
    border-bottom: 1px solid #B8C3CC;
}
.variant-row .add-button-group {
    background-color: #B8C3CC;
    border-left: 1px solid #B8C3CC;
}
.variant-row .add-button-group img {
    width: 20px;
}
.is-mobile .variant-row {
    margin-bottom: 0;
}

.block-cart-summary {
    padding: 32px 26px 48px;
    background-color: #F0F4F7;
}
.block-cart-summary .block-fixed {
    position: sticky;
    top: 120px;
    width: 100%;
}
.summary-info-message {
    color: #797D80;
    font-size: 15px;
}
.account-data form {
    width: 100%;
    max-width: 420px;
}
.account-data .form-group, .cart-content .form-group, #company-search-form .form-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
.account-data .invalid-feedback {
    text-align: right;
    margin-top: -5px;
}
.account-data .invalid-feedback .badge {
    border-radius: .25rem;
}
.checkout-custom-data {
    margin-top: 8px;
}
.checkout-custom-data .form-group {
    flex-flow: column;
    align-items: flex-start;
}
.cart-content .form-group {
    margin-bottom: 8px;
}
.cart-content .comment-element .form-group {
    display: block;
}
.register-subtitle {
    font: normal normal bold 20px/40px Roboto;
    letter-spacing: 0;
    color: #242526;
    margin-bottom: 10px;
}
.account-data input, .cart-content input {
    color: #242526;
    font-size: 16px;
    padding: 8px 6px;
}
.account-data label, .cart-content label, #company-search-form label,
.account-data legend, .checkout-address-col legend {
    margin-bottom: 0;
    margin-right: 8px;
    color: #797D80;
    font-size: 16px;
    min-width: 102px;
}
.account-data legend, .checkout-address-col legend {
    display: inline-block;
    width: auto;
    float: left;
}
.has-search-icon {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23999" stroke-width="2" viewBox="0 0 24 24"><circle cx="11" cy="11" r="7"/><line x1="16.65" y1="16.65" x2="21" y2="21"/></svg>') no-repeat right 0.75rem center;
    background-size: 1rem;
    padding-right: 2rem;
}
.block-checklist {
    margin-bottom: 48px;
}
.checklist {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.checklist li {
    position: relative;
    padding-left: 18px;
    color: #484A4D;
    font: normal normal normal 16px/30px Roboto;
}
.checklist li::before {
    content: '✔';
    color: #279400;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 13px;
    font-weight: bold;
}
#address-suggestions {
    max-height: 200px;
    overflow-y: auto;
    cursor: pointer;
}
#address-suggestions .dropdown-item {
    padding: 8px 12px;
}
#address-suggestions .dropdown-item:hover,
#address-suggestions .dropdown-item.active {
    background-color: #007bff;
    color: white;
}
.account-data .input-group, .checkout-address-col .input-group {
    display: inline-flex;
}
.cart-content label.form-check-label {
    color: #242526;
}
.account-data .table {
    width: 100% !important;
}
.account-data .table th {
    color: #797D80;
    font-size: 16px;
    font-weight: normal;
    text-align: left !important;
}
.account-data .table td {
    color: #242526;
    font-size: 16px;
    letter-spacing: .32px;
    text-align: left;
}
.account-data .table a {
    text-decoration: none;
}
.account-data .fa {
    color: #B8C3CC;
}
.account-data .table td, .account-data .table th {
    border-top: none;
    border-bottom: 1px solid #B8C3CC;
    padding: 16px 8px;
}
.account-data .table tbody tr:hover {
    background-color: #F8F9FA;
    box-shadow: 0px 3px 6px #B8C3CC3D;
    color: var(--header-blue);
}
.account-data .table tbody tr:hover td,
.account-data .table tbody tr:hover .fa {
    color: var(--header-blue);
}
#table-search {
    max-width: 255px;
}
.blue-circle-filled, .blue-circle-bordered {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid var(--header-blue);
    border-radius: 8px;
}
.blue-circle-filled {
    background-color: var(--header-blue);
}

select[readonly="readonly"] {
    pointer-events: none;
}

.switch {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    margin-bottom: 0;
    line-height: 1;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.4s;
    border-radius: 25px;
}
.switch .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    transition: 0.4s;
    border-radius: 50%;
}
.switch input:checked + .slider {
    background-color: var(--header-blue);
}
.switch input:checked + .slider:before {
    transform: translateX(16px);
}

.text-black {
    color: #000;
}

.diode {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid #5d5d5d;
    box-shadow: inset 0 0 7px rgba(0, 0, 0, .3);
}
.diode::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 6px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}
.diode-green {
    background-color: #1b9448;
}
.diode-blue {
    background-color: #0035ED;
}
.diode-gray {
    background-color: #3F3F3F;
}
.diode-brown {
    background-color: #996800;
}
.account-data .td-action {
    white-space: nowrap;
}

.tooltip .arrow:before {
    border-top-color: #242526;
}
.tooltip.danger .arrow:before {
    border-top-color: #E90000;
}
.tooltip .tooltip-inner {
    color: #FFF;
    background-color: #242526;
    box-shadow: 0 5px 10px #24252669;
}
.tooltip.danger .tooltip-inner {
    background-color: #E90000;
}

.checkout-title {
    border-bottom: 2px solid #F0F4F7;
    padding-bottom: 24px;
    margin-bottom: 0;
    margin-right: -15px;
}
h2.checkout-subtitle, .checkout-address-form h2, .checkout-subtitle {
    font: normal normal bold 20px/26px Roboto;
    color: #005293;
}
.checkout-subtitle-2 {
    font: normal normal normal 16px/42px Roboto;
    color: #797D80;
}
.checkout-shipping-payment-form-row .col-form-label {
    color: #005293;
    font: normal normal bold 20px/26px Roboto;
    margin-bottom: 8px;
    padding-top: 0;
}
.payment-options .form-check, .payment-input,
.shipping-option .form-check, .shipping-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.payment-label, .shipping-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #F0F4F7;
    border-radius: 4px;
    padding: 10px 8px;
    cursor: pointer;
    background-color: #fff;
    color: #484A4D;
    transition: background 0.2s, color 0.2s;
    font: normal normal normal 15px/24px Roboto;
}
.payment-label[disabled], .shipping-label[disabled] {
    cursor: default;
    color: #9EB1BE;
}
.payment-label:not([disabled]):hover,
.shipping-label:not([disabled]):hover,
.payment-input:checked + .payment-label,
.shipping-input:checked + .shipping-label {
    color: #F0F4F7;
    background-color: #005591;
}
.payment-label svg, .shipping-label svg {
    margin-right: 12px;
    flex-shrink: 0;
    fill: #005293;
    color: #005293;
}
.payment-input:checked + .payment-label svg,
.shipping-input:checked + .shipping-label svg {
    color: #F0F4F7;
}
.payment-label[disabled] svg, .shipping-label[disabled] svg {
    fill: #9EB1BE;
    color: #9EB1BE;
}
.payment-label:not([disabled]):hover svg,
.shipping-label:not([disabled]):hover svg {
    color: #F0F4F7;
}
.payment-label span:first-child,
.shipping-label span:first-child {
    display: flex;
    align-items: center;
}
.summary-cart-table {
    font-size: 15px;
    line-height: 20px;
    color: #242526;

    margin-top: 20px;
    width: calc(100% - 20px);
    border-top: 2px dashed #F0F4F7;
}
.summary-cart-table tr:first-child td {
    border-top: 0;
    padding-top: 24px;
}
.summary-cart-table td {
    padding: 8px 8px 8px 0;
}
.summary-cart-table td:last-child {
    padding: 8px 0;
}
.summary-cart-table .cart-product-tag {
    margin: 6px 6px 6px 0;
}
.summary-data {
    font-size: 16px;
    line-height: 23px;
    color: #000;
}
.summary-wrapper {
    padding-bottom: 8px;
    border-bottom: 1px solid white;
}

.checkout-address-form .comment-element > .row > * {
    width: 100%;
    max-width: none;
    flex: 0 0 100%;
}
.checkout-address-form #comment {
  /*  resize: both; */
    resize: vertical;
    z-index: 7;
    position: relative;
}
.checkout-address-form .btn-submit, .block-cart-summary .btn {
    margin-top: 20px;
    white-space: nowrap;
}
.block-cart-summary .quick-text {
    margin-top: 10px;
}
label.required:after, legend.required:after {
    content: "*";
    color: #D40000;
    position: relative;
    display: contents;
}
.checkout-address-form .custom-control-input {
    position: absolute;
    z-index: 1;
    opacity: 0;
    left: 0;
    top: 10px;
}
#form-error-summary.error-summary {
    background: #FADEDE 0% 0% no-repeat padding-box;
    border: 1px solid #D40000;
    border-radius: 4px;
    padding: 13px 16px;
}
#form-error-summary ul {
    padding-left: 16px;
    margin-bottom: 0;
    color: #D40000;
}
.form-check {
    margin-bottom: 8px;
}
.input-group-prepend select {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #8F9399;
    padding-right: 4px;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    margin: 0 auto;
}
.form-signin--small {
    font-size: 13px;
    width: 500px;
    border-radius: 4px;
    padding: 16px 16px 13px;
    box-shadow: 0px 20px 40px #797D804D;
}
.form-signin .checkbox, .form-signin--small .checkbox {
    font-weight: 400;
}
.form-signin .form-control, .form-signin--small .form-control {
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 8px 16px;
    font-size: 13px;
}
.form-signin .form-control:focus, .form-signin--small .form-control:focus {
    z-index: 2;
}
.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.form-signin--small .flex-2-col {
    margin-bottom: 0;
}
.form-signin--small input[type="email"], .form-signin--small input[type="password"] {
    margin-bottom: 16px;
    border-radius: 4px;
}
.form-signin--small .btn {
    padding: 2px 16px;
    border-radius: 4px;
    font: normal normal bold 14px / 32px Roboto;
    letter-spacing: 0;
}

.form-signin--small p, .form-signin-small a {
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 4px;
}
.form-signin-small a {
    margin-top: 8px;
}
.form-signin--small label {
    margin-bottom: 2px;
}
.form-signin--small .forgot-pass a {
    padding: 8px 0;
    color: #A9AEB3;
}
.form-signin--small-heading {
    font-size: 15px;
    color: var(--header-blue);
    margin-bottom: 24px;
}
.form-signin--small-heading {
    height: 18px;
    fill: #B8C3CC;
    margin-right: 16px;
}
.form-signin--small .fa {
    color: #B8C3CC;
    font-size: 15px;
    margin-right: 16px;
}
.form-signin--small-buttons-mobile {
    display: flex;
    justify-content: space-between;
    gap: 24px;
}

.filter .list-group-item {
    padding: 8px;
}
.filter .list-group-item.header-list {
    padding: 8px 8px 8px 20px;
}

.filter.categories .list-group-item.header-list .list-carret {
    color: #FFFFFF;
}
.sidenav--list-categories .menu-carret {
    float: right;
    line-height: 44px;
    padding: 12px;
    color: #797D80;
}
.filter.categories .list-carret, .filter.categories .menu-carret {
    float: right;
    padding: 8px 12px 7px;
    color: #797D80;
}
.filter .hide-me {
    font-size: 14px;
    line-height: 24px;
    text-decoration: underline;
    color: #242526;
    padding: 10px 8px 8px;
    text-align: center;
}
.filter.categories .list-group-item.has-icon {
    justify-content: left;
}
.filter.categories .left-menu-icon {
    margin-right: 12px;
}



.icon-chevron-right:before,
.icon-chevron-up:before, .icon-chevron-down:before {
    content: '';
    background: url("/static/images/icons/chevron-right.svg") no-repeat 50%;
    background-size: cover;
    width: 14px;
    height: 14px;
    float: right;
    border: none;
    padding: 0 5px 0 5px;
}
.icon-chevron-up:before {
    background: url("/static/images/icons/chevron-up.svg") no-repeat 50%;
    background-size: cover;
}
.icon-chevron-down:before {
    background: url("/static/images/icons/chevron-down.svg") no-repeat 50%;
    background-size: cover;
}

.menu-icon .list-carret:before {
    margin-top: 8px;
    margin-left: 3px;
}

.is-mobile .cart-nav ul li a {
    font-size: 16px;
    padding: 6px 14px 10px;
}

@media (max-width: 575px) {
    .kontakt-row .flex-2-col {
        width: auto;
        flex-basis: 100%;
        margin-bottom: 25px;
    }
}

@media (max-width: 991px) {
    .custom-product-card.card-variant .row-variant-preview {
        display: none;
    }
}

@media (max-width: 1600px) {
    .products-carousel .f-carousel,
    .products-carousel.view-c-4 .f-carousel {
        --f-carousel-slide-width: calc(100% / 3 + 1%);
    }

    .products-carousel.view-c-6 .f-carousel,
    .products-carousel.view-c-5 .f-carousel {
        --f-carousel-slide-width: calc(100% / 4);
    }
}

@media (max-width: 1400px) {
    .banner .btn-banner {

    }
    .col-md-6 .banner .btn-banner,
    .col-md-4 .banner .btn-banner {
        left: 24px;
        bottom: 20px;
    }
    .checkout-address-form .btn-submit, .block-cart-summary .btn {
        font-size: 14px;
    }
}

@media (max-width: 1200px) {
    .navbar > .container, .navbar > .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-teaser-wrap:nth-child(4n) .custom-product-card {
        border-right: 1px solid #B8C3CC80;
    }
    .product-teaser-wrap:nth-child(3n) .custom-product-card {
        border-right: none;
    }

    .shopping-cart, .checkout-address-col {
        border-right: none;
    }
    .block-cart-summary {
        margin: 48px auto 24px;
    }


    .is-mobile .top-menu {
        display: block;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        max-height: calc(100vh - 52px);
        height: max-content;
    }
    .is-mobile .navbar-container .logo-block img {
        max-height: 36px;
    }
    .is-mobile .navbar-container {
        justify-content: space-between;
    }
    .is-mobile .navbar-collapse {
        width: 100%;
    }

    .is-mobile  .main-container, .is-mobile .sidebar-content {
        border-top: none;
    }
    .is-mobile .nav-top2 .navbar-toggler .fa {
        color: var(--link-blue);
    }
    .is-mobile .nav-top2 .navbar-toggler svg {
        height: 20px;
        fill: var(--link-blue);
    }
    .is-mobile .nav-top2 .navbar-toggler.collapsed .fa,
    .is-mobile .nav-top2 .menu-icon .fa{
        color: #9EB1BE;
    }
    .is-mobile .nav-top2 .navbar-toggler.collapsed svg,
    .is-mobile .nav-top2 .menu-icon svg {
        fill: #9EB1BE;
    }
    .is-mobile .sidenav--list-categories li:hover > a {
        background: transparent;
    }
    .is-mobile .sidenav--list-categories ul.submenu {
        position: static;
        box-shadow: none;
        margin-left: 8px;
        background-color: transparent;
        padding-top: 0;
    }
    .is-mobile .sidenav--list-categories ul.submenu.submenu-2 {
        box-shadow: none;
        margin-left: 16px;
        background-color: transparent;
        border: none;
        padding-top: 0;
    }
    .is-mobile .filter.categories {
        margin: 4px auto;
    }
    .is-mobile .navbar-nav.menu-links li {
        color: #242526;
        background-color: transparent;
    }
    .is-mobile .filter.categories li,
    .is-mobile .navbar-nav.menu-links li {
        font-weight: bold;
    }
    .is-mobile .filter.categories .ct-942464 {
        display: none;
    }
    .is-mobile .navbar-nav.menu-links .dropdown {
        background-color: white;
        padding: 0 8px;
    }
    .is-mobile .filter.categories ul.submenu li,
    .is-mobile .navbar-nav.menu-links .dropdown li {
        border-bottom: none;
        font-weight: normal;
    }
    .is-mobile .sidenav--list-categories .list-group-item,
    .is-mobile .filter.categories .list-group-item {
        color: #242526;
        display: inline-block;
        width: 80%;
        background-color: transparent;
    }
    .is-mobile .filter .list-group-item {
        padding: 12px 10px;
    }
    .is-mobile .filter.categories .list-group-item.header-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 4px 0 4px 10px;
        color: var(--header-blue);
        background-color: #F8F9FA;
    }
    .is-mobile .filter-hidden-blok.show {
        display: flex;
    }
    .is-mobile .bs-sidebar.main-menu, .is-mobile .bs-sidebar.main-menu .bs-sidenav {
        background-color: transparent;
    }
    .is-mobile .bs-sidebar.sidebar-filter-category {
        background-color: transparent;
    }
    .is-mobile .bs-sidebar.main-menu {
        margin-top: 4px;
    }
    .is-mobile .main-menu-icon>a:after, .is-mobile .icon-chevron-right:before,
    .is-mobile  .icon-chevron-up:before, .is-mobile .icon-chevron-down:before {
        content: '';
        background: url("/static/images/icons/chevron-right.svg") no-repeat 50%;
        background-size: cover;
        width: 14px;
        height: 14px;
        float: right;
        border: none;
        padding: 0 5px 0 5px;
    }
    .is-mobile .main-menu-icon.active-icon>a:after, .is-mobile .icon-chevron-up:before {
        background: url("/static/images/icons/chevron-up.svg") no-repeat 50%;
        background-size: cover;
    }
    .is-mobile .icon-chevron-down:before {
        background: url("/static/images/icons/chevron-down.svg") no-repeat 50%;
        background-size: cover;
    }

    .is-mobile #filter-container {
        margin-bottom: 16px;
        border: none;
    }
    .is-mobile #filter-container .custom-control-label {
        font-size: 14px;
        line-height: 24px;
        color: #242526;
    }
    .is-mobile #filter-container .list-group {
        flex-direction: row;
        -ms-flex-direction: row;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .is-mobile #filter-container .filter-check {
        display: inline-block;
    }
    .is-mobile #filter-container .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: #FFFFFF;
        border: 1px solid var(--azure-blue);
        border-radius: 4px;
    }
    .is-mobile #filter-container .card-body {
        border: 0;
        border-bottom: 1px solid var(--azure-blue);
        background-color: #F8F9FA;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .is-mobile #filter-head {
        color: var(--azure-blue);
        font-weight: bold;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0.51px;
        display: flex;
        justify-content: center;
    }
    .is-mobile .title-filter-parameters {
        padding: 0;
    }
    .is-mobile .breadcrumb-header {
        padding: 12px 16px;
    }
    .is-mobile .breadcrumb-header, .breadcrumb-header a {

    }

    .is-mobile .nav-top {
        order: 2;
    }

    .is-mobile .nav-top .nav-locale {
        display: none;
    }
    .is-mobile .navbar-container .logo-block {
        margin: 12px auto 0 0;
    }
    .is-mobile .menu-sign--small-heading {
        padding-left: 12px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .is-mobile .menu-user-buttons {
        display: block !important;
        margin: 0 auto !important;
    }
    .is-mobile .menu-login a, .is-mobile .menu-cart a {
        border-radius: 0;
    }
    .is-mobile .menu-login a {
        padding: 12px;
    }
    .is-mobile .menu-login a.menu-icon:hover, .is-mobile .menu-login .menu-icon:hover .fa,
    .is-mobile .menu-login .menu-icon:hover .user-name, .is-mobile .menu-login .menu-icon:hover .user-company {
        background-color: #F8F9FA;
        color: #242526;
    }
    .is-mobile .menu-login > .menu-icon, .is-mobile .menu-cart {
        display: none !important;
    }
    .is-mobile .menu-icons .dropdown-menu {
        min-width: 100%;
        border-radius: 0;
        border: 0;
        padding-top: 0;
        box-shadow: 0 3px 6px #B8C3CC3D;
    }
    .is-mobile .dropdown-locale .dropdown-menu {
        top: 46px;
    }
    .is-mobile .menu-login > .dropdown-menu {
        display: block !important;
        position: relative;
        border: none;
        border-radius: 0;
        margin-left: -4px;
        margin-bottom: 16px;
        padding-bottom: 0;

        background: #F8F9FA 0% 0% no-repeat padding-box;
    }
    .is-mobile .menu-login > .dropdown-menu.is-menu-sign,
    .is-mobile .menu-login > .dropdown-menu {
        margin-left: -24px;
        width: calc(100% + 39px);
    }
    .is-mobile .menu-login > .dropdown-menu::before,
    .is-mobile .menu-login > .dropdown-menu::after {
        content: "";
        width: 100%;
        height: 2px;
        background: var(--header-blue);
        position: absolute;
    }
    .is-mobile .top-menu::before, .is-mobile .top-menu::after {
        content: "";
        height: 2px;
        background: var(--header-blue);
        position: absolute;
        width: calc( 100% + 15px);
        left: -15px;
    }
    .is-mobile .menu-login > .dropdown-menu::after,
    .is-mobile .top-menu::after {
        height: 1px;
    }
    .is-mobile .menu-icons li.menu-login {
        margin: 0;
    }
    .is-mobile .navbar-nav > li > a, .is-mobile .nav-locale > li > a {
        font-size: 15px;
        line-height: 32px;
        text-transform: none;
        padding: 6px 10px !important;
    }
    .is-mobile .navbar-nav > li > a {
        font-weight: bold;
    }
    .is-mobile .navbar-nav > li:not(:last-child) {
        border-bottom: 1px solid #A3BACC;
    }
    .is-mobile .menu-sign--small {
        box-shadow: none;
        width: 100%;
        margin: auto;
        padding: 24px 8px 0;
    }
    .is-mobile .menu-icons li {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    .is-mobile .menu-sign-items a {
        border-radius: 0;
        border-top: 1px solid #A3BACC;
        font-size: 15px;
    }
    .is-mobile .search-box .input-group {
        box-shadow: 0 3px 6px #B8C3CC3D;

    }
    .is-mobile .search-bar-block .search-input#autoComplete {
        height: 36px;
        padding: 8px 14px;
        box-shadow: none;
        border-radius: 4px 0 0 4px;
        border: 1px solid #EFEFEF;
        border-right: 0;
        font-size: 15px;
    }
    .is-mobile .search-bar-block {
        margin-right: 16px;
        margin-bottom: 12px;
        margin-top: 12px;
        width: 100%;
        min-width: auto;
    }
    .is-mobile .input-group .input-group-append .btn.btn-search {
        background-color: #fff;
        border: 1px solid #EFEFEF;
        border-left: none;
        padding: 0 8px;
        height: 36px;
        color: #A3BACC;
    }
    .is-mobile footer {
        margin: 32px auto 24px auto;
    }
    .is-mobile footer .logo-block {
        margin-top: 0;
        text-align: center;
    }
    .is-mobile footer .menu-block {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #B8C3CC3D;
        border: 1px solid #F8F9FA;
        border-radius: 4px;
    }
    .is-mobile footer .menu-item-title {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        cursor: pointer;
        padding-top: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .is-mobile footer .menu-item-title .menu-carret {
        padding-bottom: 8px;
        color: var(--link-blue);
        transition: transform 0.3s ease;
    }
    .is-mobile footer .text-ic, footer .text-ds {
        display: none;
    }
    .is-mobile .aeto-block {
        text-align: center;
    }
    .is-mobile .aeto-block * {
        font-size: 14px;
    }
    .is-mobile #logo-footer {
        max-width: 85px;
    }
    .is-mobile .logos img {
        margin-left: 8px;
    }
    .is-mobile .logos-block {
        padding: 0;
    }
    .is-mobile .row.footer-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .is-mobile .card-deck {
        margin-left: 0;
        margin-right: 0;
    }
    .is-mobile .cards-categories {
        margin-bottom: 0;
    }
    .is-mobile .card-category, .is-mobile .card-category--sm {
        background-color: #FFFFFF;
    }
    .is-mobile .card-category--sm:hover {
        background-color: var(--header-blue);
        border: 1px solid var(--header-blue);
        box-shadow: 0px 3px 6px #E9EBED;
    }
    .is-mobile .f-button {
        display: none;
    }

    .is-mobile .products-carousel {
        padding: 24px 0 8px;
    }
    .is-mobile #product-submenu {
        margin: 0;
    }
    .is-mobile .product-submenu--nav {
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
    }
    .is-mobile #product-submenu .nav {
        flex: none;
        padding: 12px 24px;
    }
    .is-mobile #product-submenu .nav li {
        flex: none;
    }
    .is-mobile .custom-product-card .card-title {
        font-size: 14px;
        line-height: 19px;
    }

    .is-mobile .product-detail-block .detail-block-part {
        padding: 20px 24px 4px;
        background-color: #F8F9FA;
        margin-bottom: 8px;
    }

    .is-mobile .detail-block-sale-info {
        position: static;
    }
    .is-mobile .detail-block-main-info {
        border-right: none;
    }

    .is-mobile #content section.banner-teaser-block {
        margin-bottom: 32px;
    }
    .is-mobile .icons-grid {
        margin: 0 auto 8px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        cursor: grab;
        flex-wrap: nowrap;
    }

    .is-mobile .flex-col-login {
        width: 100%;
        padding: 0 8px;
        border-right: none;
    }
    .is-mobile .flex-col-register {
        display: none;
    }
    .is-mobile section .container {
        padding-left: 0;
        padding-right: 0;
    }
    .is-mobile .news-block .row  {
        margin-left: 0;
        margin-right: 0;
    }

    .is-mobile .cart-content {
        padding: 24px 2px 32px;
    }
    .is-mobile .detail-block-add-to-cart,
    .is-mobile .block-cart-summary {
        position: sticky;
        z-index: 100;
        bottom: 0;
        padding: 16px;
        margin-right: -16px;
        margin-left: -16px;
        width: calc(100% + 32px);
        background: #F7FBFC;
        border-top: 1px solid var(--header-blue);
        box-shadow: 0px -5px 10px #797D8033;
    }
    .is-mobile .detail-block-add-to-cart.block-cart-parent {
        border: none;
        background: none;
        box-shadow: none;
        padding-bottom: 0;
    }
    .is-mobile .checkout-subtitle, .is-mobile .register-subtitle {
        margin-top: 24px
    }
    .is-mobile .block-cart-summary {
        margin: 24px auto 0;
        display: flex;
        justify-content: space-between;
    }
    .is-mobile .col-code {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
    }
    .is-mobile .cart-product-tag {
        margin: 8px auto 0 0;
        float: none;
    }
    .is-mobile .summary-wrapper {
        max-width: 50%;
    }
    .is-mobile .order-summary {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        font-size: 15px;
        line-height: 20px;
    }
    .is-mobile .order-summary .label {
        font-size: 13px;
        line-height: 18px;
    }
    .is-mobile .order-summary li {
        margin-bottom: 4px;
    }
    .is-mobile .detail-block-add-to-cart form {
        display: flex;
        justify-content: space-between;
    }
    .is-mobile .detail-block-add-to-cart .btn {
        max-width: 210px;
        width: max-content;
        height: 36px;
    }
    .is-mobile .detail-block-add-to-cart .form-group.form-group-baleni select {
        height: 36px;
    }
    .is-mobile .detail-block-add-to-cart .quantity.input-group,
    .is-mobile .quantity.input-group {
        max-width: 150px;
        height: 36px;
        margin-bottom: 0;
        /*    margin-top: 8px; */
    }
    .is-mobile .detail-block-add-to-cart .quantity.input-group button {
        width: 34px;
    }
    .is-mobile .block-summary-btn {
        display: flex;
        flex-direction: column;
        max-width: max-content;
        margin-left: auto;
        white-space: nowrap;
    }
    .is-mobile .form-group {
        margin-bottom: 8px;
    }
    .is-mobile .block-summary-btn .form-group {
        order: 2;
        font-size: 14px;
    }
    .is-mobile .block-summary-btn label {
        font-size: 14px;
    }
    .is-mobile .btn-open-modal {
        display: block;
        border: 1px solid #CFDCE6;
        width: 25px;
        height: 25px;
    }
    .is-mobile .checkout-address-form .btn-submit {
        margin-top: 0;
    }
    .is-mobile .block-register-newsletter {
        border-top: none;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .is-mobile .cart-row {
        border-bottom: 1px solid #B8C3CC;
    }
    .is-mobile .cart-row .product-name {
        font-size: 17px;
        font-family: "Roboto Condensed", "Roboto", sans-serif;
    }
    .is-mobile label.checkbox-custom {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        font-size: 13px;
    }
    .is-mobile .cart-item-price {
        text-align: right;
        padding-left: 16px;
        padding-right: 8px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .is-mobile .cart-item-price .total-item {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
    }
    .is-mobile .cart-nav {
        padding: 16px 16px 0;
    }

    .is-mobile .form-signin--small {
        display: block;
        min-height: 200px;
        box-shadow: none;
        width: 100%;
        margin: auto;
        padding-top: 0;
        border-radius: 0;
    }
    .is-mobile .form-signin--small-content {
        margin: auto;
        max-width: 560px;
        padding: 16px 0;
    }
    .is-mobile .form-signin--small-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }
    .is-mobile .form-signin--small-heading .user {
        font-weight: bold;
    }
    .btn-open-modal {
        display: block;
    }
}

@media (max-width: 991px) {
    #register-account-small {
        display: inline-block;
        float: right;
    }
    .top-menu {
        display: block;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        max-height: calc(100vh - 52px);
        height: max-content;
    }
    .navbar-container .logo-block img {
        max-height: 36px;
    }
    .navbar-container {
        justify-content: space-between;
    }
    .navbar-collapse {
        width: 100%;
    }
    #navbarCollapse2 {
        margin-bottom: 27px;
    }
    .main-container.col-lg-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main-container, .sidebar-content {
        border-top: none;
    }
    .nav-top2 .navbar-toggler .fa {
        color: var(--link-blue);
    }
    .nav-top2 .navbar-toggler.collapsed .fa,
    .nav-top2 .menu-icon .fa{
        color: #9EB1BE;
    }
    .nav-top2 .navbar-toggler svg {
        height: 20px;
        fill: var(--link-blue);
    }
    .nav-top2 .navbar-toggler.collapsed svg,
    .nav-top2 .menu-icon svg {
        fill: #9EB1BE;
    }
    .sidenav--list-categories li:hover > a {
        background: transparent;
    }
    .sidenav--list-categories ul.submenu {
        position: static;
        box-shadow: none;
        margin-left: 8px;
        background-color: transparent;
        padding-top: 0;
    }
    .sidenav--list-categories ul.submenu.submenu-2 {
        box-shadow: none;
        margin-left: 16px;
        background-color: transparent;
        border: none;
        padding-top: 0;
    }
    .sidenav--list-categories > li > ul > li {
        background-image: none !important;
    }
    .filter.categories {
        margin: 4px auto;
    }
    .filter.categories ul.submenu li {
        border-bottom: none;
    }
    .sidenav--list-categories .list-group-item, .filter.categories .list-group-item {
        color: #242526;
        display: inline-block;
        width: 80%;
        background-color: transparent;
    }
    .filter.categories .list-group-item.header-list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 0 12px 10px;
        color: var(--header-blue);
        background-color: #F8F9FA;
    }
    .filter.categories .list-group-item.header-list .list-carret {
        color: var(--header-blue);
    }
    .sidenav--list-categories .menu-carret {
        float: right;
        line-height: 44px;
        padding: 12px;
        color: #797D80;
    }
    .filter.categories .list-carret, .filter.categories .menu-carret {
        float: right;
        padding: 16px 12px;
        color: #797D80;
    }
    .bs-sidebar.sidebar-filter-category {
        background-color: transparent;
    }
    #filter-container {
        margin-bottom: 16px;
        border: none;
    }
    #filter-container .custom-control-label {
        font-size: 14px;
        color: #242526;
    }
    #filter-container .list-group {
        flex-direction: row;
        -ms-flex-direction: row;
    }
    #filter-container .filter-check {
        display: inline-block;
    }
    #filter-container .card-header {
        padding: 0;
        margin-bottom: 0;
        background-color: #FFFFFF;
        border: 1px solid var(--azure-blue);
        border-radius: 4px;
    }
    #filter-container .card-body {
        border: 0;
        border-bottom: 1px solid var(--azure-blue);
        background-color: #F8F9FA;
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    #filter-head {
        color: var(--azure-blue);
        font-weight: bold;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0.51px;
        display: flex;
        justify-content: center;
    }
    .title-filter-parameters {
        padding: 0;
    }
    .breadcrumb-header {
        padding: 12px 8px;
    }
    .breadcrumb-header, .breadcrumb-header a {
        font: normal normal normal 13px/18px "Roboto Condensed";
    }

    .nav-top {
        order: 2;
    }

    .nav-top .nav-locale {
        display: none;
    }
    .navbar-container .logo-block {
        margin: 8px auto 0 0;
    }
    .menu-sign--small-heading {
        padding-left: 12px;
        justify-content: space-between;
    }
    .menu-user-buttons {
        display: block !important;
        margin: 0 auto !important;
    }
    .menu-login a, .menu-cart a {
        border-radius: 0;
    }
    .menu-login a {
        padding: 12px;
    }
    .menu-login a.menu-icon:hover, .menu-login .menu-icon:hover .fa,
    .menu-login .menu-icon:hover .user-name, .menu-login .menu-icon:hover .user-company {
        background-color: #F8F9FA;
        color: #242526;
    }
    .menu-login > .menu-icon, .menu-cart {
        display: none !important;
    }
    .menu-icons .dropdown-menu {
        min-width: 100%;
        border-radius: 0;
        border: 0;
        padding-top: 0;
        box-shadow: 0 3px 6px #B8C3CC3D;
    }
    .dropdown-locale .dropdown-menu {
        top: 46px;
    }
    .menu-login > .dropdown-menu {
        display: block !important;
        position: relative;
        border: none;
        border-radius: 0;
        margin-left: -4px;
        margin-bottom: 16px;
        padding-bottom: 0;

        background: #F8F9FA 0% 0% no-repeat padding-box;
    }
    .menu-login > .dropdown-menu.is-menu-sign,
    .menu-login > .dropdown-menu {
        margin-left: -24px;
        width: calc(100% + 39px);
    }
    .menu-login > .dropdown-menu::before,
    .menu-login > .dropdown-menu::after {
        content: "";
        width: 100%;
        height: 2px;
        background: var(--header-blue);
        position: absolute;
    }
    .top-menu::before, .top-menu::after {
        content: "";
        height: 2px;
        background: var(--header-blue);
        position: absolute;
        width: calc( 100% + 15px);
        left: -15px;
    }
    .menu-login > .dropdown-menu::after, .top-menu::after {
        height: 1px;
    }
    .menu-icons li.menu-login {
        margin: 0;
    }
    .navbar-nav > li > a, .nav-locale > li > a {
        font-size: 15px;
        line-height: 32px;
    }
    .menu-sign--small {
        box-shadow: none;
        width: 100%;
        margin: auto;
        padding: 24px 8px 0;
    }
    .menu-icons li {
        background-color: transparent;
        box-shadow: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
    .menu-sign-items a {
        border-radius: 0;
        border-top: 1px solid #A3BACC;
        font-size: 15px;
    }
    .search-box .input-group {
        box-shadow: 0 3px 6px #B8C3CC3D;

    }
    .search-bar-block .search-input#autoComplete {
        height: 36px;
        padding: 8px 14px;
        box-shadow: none;
        border-radius: 4px 0 0 4px;
        border: 1px solid #EFEFEF;
        border-right: 0;
        font-size: 15px;
    }
    .search-bar-block {
        margin-right: 16px;
        margin-bottom: 12px;
        margin-top: 12px;
        width: 100%;
        min-width: auto;
    }
    .input-group .input-group-append .btn.btn-search {
        background-color: #fff;
        border: 1px solid #EFEFEF;
        border-left: none;
        padding: 0 8px;
        height: 36px;
        color: #A3BACC;
    }
    #autoComplete_wrapper {
        position: absolute;
        width: 100%;
        height: 80vh;
        max-height: 80vh;
        margin: 48px auto 0 0;
        border-radius: 0;
        box-shadow: none;
    }
    #autoComplete_results_list {
        position: static;
        height: max-content;
        width: 100%;
    }
    #autoComplete_category {
        position: static;
        width: 100%;
        padding: 16px;
        margin: 0;

        overflow: hidden;
    }
    .header-search-products {
        width: 100%;
        padding: 0 8px 0 16px;
        margin-bottom: 0;
    }

    .product-teaser-wrap {
        border-bottom: none;
        padding-bottom: 40px;
    }
    .custom-product-card .sklad-info .info-dostupne {
        text-decoration: underline;
    }
    .custom-product-card.card-variant .row-variant:not(:first-child){
        display: block;
        margin-top: 12px;
    }
    .product-teaser-wrap .custom-product-card, .product-teaser-wrap:nth-child(4n) .custom-product-card {
        border-right: none;
    }
    .custom-product-card.card-active, .custom-product-card.card-variant:hover {
        padding: 8px 16px 8px 12px;
        box-shadow: none;
        width: 100%;
        border-right: none !important;
        position: relative;
        left: 0;
        top: 0;
    }
    .product-teaser-wrap:nth-child(odd) .custom-product-card,
    .product-teaser-wrap:nth-child(odd) .custom-product-card.card-active,
    .product-teaser-wrap:nth-child(odd) .custom-product-card.card-variant:hover {
        padding-left: 0;
    }
    .product-teaser-wrap:nth-child(even) .custom-product-card,
    .product-teaser-wrap:nth-child(even) .custom-product-card.card-active,
    .product-teaser-wrap:nth-child(even) .custom-product-card.card-variant:hover{
        padding-right: 0;
    }
    .custom-product-card .sklad-info {
        display: none;
    }
    .custom-product-card .sklad-info-detail {
        display: block;
    }

    footer {
        margin: 32px auto 24px auto;
    }
    footer .logo-block {
        margin-top: 0;
        padding-right: 15px;
        text-align: center;
    }
    footer .menu-block {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #B8C3CC3D;
        border: 1px solid #F8F9FA;
        border-radius: 4px;
    }
    footer .menu-item-title {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        cursor: pointer;
        padding-top: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    footer .menu-item-title .menu-carret {
        padding-bottom: 8px;
        color: var(--link-blue);
        transition: transform 0.3s ease;
    }

    footer .address-block {
        display: flex;
        justify-content: space-between;
        margin-top: 24px;
        gap: 10px;
        padding: 0;
    }
    footer .text-ic, footer .text-ds {
        display: none;
    }
    .aeto-block {
        text-align: center;
    }
    .aeto-block * {
        font-size: 14px;
    }
    #logo-footer {
        max-width: 85px;
    }
    .logos img {
        margin-left: 8px;
    }
    .logos-block {
        padding: 0;
    }
    .row.footer-menu {
        margin-left: 0;
        margin-right: 0;
    }

    .card-deck {
        margin-left: 0;
        margin-right: 0;
    }
    .cards-categories {
        margin-bottom: 0;
    }
    .card-category, .card-category--sm {
        background-color: #FFFFFF;
    }
    .f-button {
        display: none;
    }

    .products-carousel {
        padding: 24px 0 8px;
    }

    .products-carousel .f-carousel,
    .products-carousel.view-c-6 .f-carousel,
    .products-carousel.view-c-5 .f-carousel,
    .products-carousel.view-c-4 .f-carousel {
        --f-carousel-slide-width: calc(100% / 3 + 1%);
    }
    .list-product-submenu--nav {
        border-bottom: none;
    }
    .list-product-submenu--nav li a {
        font-size: 15px;
        line-height: 20px;
        padding: 8px 12px;
    }

    #product-submenu {
        margin: 0;
    }
    .product-submenu--nav {
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        display: flex;
    }
    #product-submenu .nav {
        flex: none;
        padding: 12px 24px;
    }
    #product-submenu .nav li {
        flex: none;
    }
    .custom-product-card .card-title {
        font-size: 14px;
        line-height: 19px;
    }
    .product-teaser-wrap:nth-child(odd) .product-tags {
        left: 0;
    }
    .custom-product-card.card-active .product-tags,
    .custom-product-card.card-variant:hover .product-tags {
        right: 16px;
        top: 0;
    }
    .product-detail-block .detail-block-part {
        padding: 20px 24px 4px;
        background-color: #F8F9FA;
        margin-bottom: 8px;
    }

    .detail-block-sale-info {
        position: static;
    }
    .detail-block-main-info {
        border-right: none;
    }

    #content section.banner-teaser-block {
        margin-bottom: 32px;
    }
    .icons-grid {
        margin: 0 auto 8px;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        cursor: grab;
        flex-wrap: nowrap;
    }
    .icons-grid .icon-item p {
        max-width: initial;
    }

    .flex-col-login {
        width: 100%;
        padding: 0 8px;
        border-right: none;
    }
    .flex-col-register {
        display: none;
    }
    section .container {
        padding-left: 0;
        padding-right: 0;
    }
    .news-block .row  {
        margin-left: 0;
        margin-right: 0;
    }

    .cart-content {
        padding: 24px 2px 32px;
    }
    .cart-content #summary-wrapper {
        max-width: 400px;
    }
    .detail-block-add-to-cart, .block-cart-summary {
        position: sticky;
        z-index: 100;
        bottom: 0;
        padding: 16px;
        margin-right: -16px;
        margin-left: -16px;
        width: calc(100% + 32px);
        background: #F7FBFC;
        border-top: 1px solid var(--header-blue);
        box-shadow: 0px -5px 10px #797D8033;
    }
    .checkout-subtitle, .register-subtitle {
        margin-top: 24px
    }
    .col-code {
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
        max-width: 200px;
    }
    .cart-product-tag {
        margin: 8px 0 0 4px;
        float: none;
    }
    .block-cart-summary {
        margin: 24px auto 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: inherit;
    }
    .summary-wrapper {
        max-width: 50%;
    }
    .order-summary {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        font-size: 15px;
        line-height: 20px;
    }
    .order-summary .label {
        font-size: 13px;
        line-height: 18px;
    }
    .order-summary li {
        margin-bottom: 4px;
    }
    .detail-block-add-to-cart form {
        display: flex;
        justify-content: space-between;
    }
    .detail-block-add-to-cart .btn {
        max-width: 210px;
        width: max-content;
        height: 36px;
    }
    .detail-block-add-to-cart .form-group.form-group-baleni select {
        height: 36px;
    }
    .detail-block-add-to-cart .quantity.input-group,
    .quantity.input-group {
        max-width: 120px;
        height: 36px;
        margin-bottom: 0;
    }
    .detail-block-add-to-cart .quantity.input-group button {
        width: 34px;
    }
    .block-summary-btn {
        display: flex;
        flex-direction: column;
        max-width: max-content;
    }
    .block-cart-summary .btn  {
        order: 1;
        min-width: 180px;
        height: 36px;
        margin-top: 0;
    }
    .block-cart-summary .souhlas-box {
        white-space: normal;
    }
    .form-group {
        margin-bottom: 8px;
    }
    .block-summary-btn .form-group {
        order: 2;
        font-size: 14px;
    }
    .checkout-address-form .btn-submit {
        margin-top: 0;
    }
    .block-register-newsletter {
        border-top: none;
        border-bottom: none;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
    }
    .cart-row {
        border-bottom: 1px solid #B8C3CC;
    }
    .cart-row .product-name {
        font-size: 17px;
        font-family: "Roboto Condensed", "Roboto", sans-serif;
    }
    label.checkbox-custom {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
        font-size: 13px;
    }
    .cart-item-price {
        text-align: right;
        padding-left: 16px;
    }
    .cart-item-price .total-item {
        font-family: "Roboto Condensed", "Roboto", sans-serif;
    }
    .cart-nav {
        padding: 16px 16px 0;
    }
    .form-signin--small {
        display: block;
        min-height: 200px;
        box-shadow: none;

        width: 100%;
        margin: auto;
        padding-top: 0;
        border-radius: 0;
    }
    .form-signin--small-content {
        margin: auto;
        max-width: 560px;
        padding: 16px 0;
    }
    .form-signin--small-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 8px;
    }
    .form-signin--small-heading .user {
        font-weight: bold;
    }
}


@media (max-width: 768px) {
    #content > .row {
        box-shadow: none;
        margin-bottom: 16px;
    }

    .is-mobile .products-carousel .f-carousel, .products-carousel .f-carousel, .products-carousel.view-c-6 .f-carousel,
    .products-carousel.view-c-5 .f-carousel, .products-carousel.view-c-4 .f-carousel {
        --f-carousel-slide-width: 75%;
    }

    .banner-carousel .f-carousel {
        --f-carousel-slide-width: 100%;
    }
    .icons-grid .icon-item {
        flex: 1 0 30%;
    }
    .page-content .col-image {
        display: none;
    }

}

@media (max-width: 580px) {
    .block-cart-summary .btn {
        min-width: min-content;
        margin-bottom: 10px;
    }
}

@media (max-width: 410px) {
    .cart-content #summary-wrapper {
        flex: 100%;
    }
    .cart-content .block-cart-summary {
        flex-wrap: wrap;
        justify-content: end;
    }
    .cart-content .block-summary-btn {
        margin-top: 15px;
    }
}

@media (max-width: 991px) {
    .nav-top2 #navbarCollapse2 {
        position: absolute;
        max-width: 267px;
        right: 3px;
        padding: 17px;
    }
}

@media (max-width: 1300px) {
    .navbar-container .logo-block {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}