#footer,
#newsWrapper {
    background: #e8f9ef;
}

body.one-column-body .products-block.products .product {
    width: 25%;
    }

@media (min-width:768px) {
    .top-navigation-bar .msg-part .text,
    .top-navigation-bar .nav-part .top-navigation-menu>ul li a {
        font-weight: 500;
        line-height: normal;
        font-size: 13px;
        color: var(--color-primary) !important;
    }

    #header #navigation ul.menu-level-1>li>a b,
    .sidebar .filters-wrapper #manufacturer-filter h4,
    .top-navigation-bar .msg-part .text,
    .top-navigation-bar .nav-part .top-navigation-menu>ul li a,
    .type-category .products-inline.products.products-top .product a,
    .type-category .sidebar-inner>div h4 {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: .3px
    }

    #navigation .navigation-in ul li:hover>a>b {
        position: relative
    }

    #navigation .navigation-in ul li:hover>a>b::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 4px;
        background var(--color-primary);
        top: auto;
        bottom: -24px;
        z-index: 9
    }

    .navigation-in>ul>li {
        border-left-style: none !important;
        border-left-width: 0 !important;
        border-top-style: none !important;
        border-bottom-style: none !important
    }

    .top-navigation-bar .nav-part .top-navigation-menu>ul li a {
        text-decoration: underline !important;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/arrow-right.svg) right no-repeat;
        padding-right: 20px
    }

    .footer-banners .footer-banner .banner-caption .extended-banner-title,
    .hp-categories .h4.homepage-group-title,
    .id--9 .cart-content.checkout-box-wrapper,
    .id--9 a.next-step-back,
    .id-1 .welcome-wrapper,
    .in-krok-1 .col-md-4 .checkout-box,
    .in-krok-2 .col-md-4 .checkout-box,
    .ordering-process .cart-content .cart-header li.active a:before,
    .ordering-process .cart-content .cart-header li.active strong:before,
    .p-thumbnails-inner a.p-thumbnail:nth-of-type(12n+1),
    .products-block.products .product .widget-parameter-wrapper .widget-parameter-list,
    .top-navigation-menu .top-navigation-menu-trigger,
    .type-category .category-title:after,
    .type-category .filter-section .filter-count,
    .type-category .sidebar.sidebar-left .cart-sidebar-box,
    .type-detail .product-top .p-detail-info .flags,
    .type-detail .products-related-header:after,
    .type-detail .shp-tabs-wrapper h3:before,
    footer h4:before,
    footer#footer .site-name {
        display: none
    }

    #header .header-top .top-nav-button-login {
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .2px;
        color: #000
    }

    #header .navigation-buttons .cart-count:before {
        background-image: url('https://eshop.optimia.cz/user/documents/upload/temp/green/i/cart.svg') !important;
        background-size: 50px !important;
        background-repeat: no-repeat;
        background-position: center
    }

    #header .header-top .top-nav-button-account:before,
    #header .header-top .top-nav-button-login:before {
        background-image: url('https://eshop.optimia.cz/user/documents/upload/temp/green/i/user.svg') !important;
        background-size: 50px;
        background-repeat: no-repeat;
        background-position: center
    }

    #header .header-top {
        height: 100px
    }

    #header .menu-helper {
        position: absolute;
        right: 25px;
        margin-top: 0;
        top: 105px;
        height: 42px;
        z-index: 3
    }

    #header #navigation ul.menu-level-1>li .menu-level-2 {
        width: 100%;
        margin-top: 4px !important
    }

    .submenu-visible:not(.menu-helper-visible) .top-navigation-bar:before {
        top: 190px !important
    }

    .admin-logged.submenu-visible:not(.menu-helper-visible) .top-navigation-bar:before {
        top: 212px !important
    }

    #header .search fieldset input {
        width: 100%;
        max-width: 100%;
        border-radius: 10px !important;
        height: 55px;
        background: #fff;
        border: 1px solid #e1eefa;
        padding: 0 15px;
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: rgba(25, 69, 91, .46)
    }

    #header .search fieldset button {
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border: none;
        font-size: 1.1em;
        letter-spacing: 1px;
        padding: 10px;
        border-radius: 6px;
        background-color: var(--color-secondary) !important;
        color: #ffffff;
        font-weight: 500;
        margin: 5px;
        position: absolute;
        right: 2px;
        top: 2px
    }

    .next-to-carousel-banners .banner-caption .extended-banner-link,
    .next-to-carousel-banners .banner-caption .extended-banner-link:hover,
    .next-to-carousel-banners .banner-wrapper>a>.extended-banner-texts .extended-banner-link,
    .next-to-carousel-banners .banner-wrapper>a>.extended-banner-texts .extended-banner-link:hover {
        text-align: left !important;
        min-width: auto !important;
        width: auto !important;
        padding: 10px 55px 10px 15px !important;
        background: var(--color-primary) url(https://eshop.optimia.cz/user/documents/upload/temp/arrow-right_1.svg) !important;
        background-repeat: no-repeat !important;
        background-position: center right 20px !important
    }

    #header:before {
        content: "";
        bottom: -55px;
        left: 0;
        position: absolute;
        height: 56px;
        min-height: 56px;
        content: ""
    }

    #header #navigation ul.menu-level-1>li>a {
        line-height: 56px
    }

    .navigation-in>ul {
        height: 56px !important
    }

    #header #navigation ul.menu-level-1>li>a b {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        color: #ffffff;
    }

    #carousel .banner-caption {
        width: 420px;
        height: auto;
        padding: 24px 23px;
        border-radius: 10px;
        background-color: #fff;
        top: auto;
        bottom: 2rem;
        left: 2rem
    }

    .next-to-carousel-banners .normal-banners-line .banner-caption .extended-banner-title {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        text-transform: unset;
        letter-spacing: .3px;
        color: #1c5069
    }

    .next-to-carousel-banners .normal-banners-line .banner-caption .button,
    .next-to-carousel-banners .normal-banners-line .banner-caption .extended-banner-link {
        padding: 10px 20px;
        border-radius: 10px
    }

    .next-to-carousel-banners .normal-banners-line .banner-caption {
        background: #fff;
        width: 300px;
        height: auto;
        position: absolute;
        bottom: 1rem;
        top: auto;
        left: 1rem;
        padding: 18px 16px 16px 15px;
        border-radius: 10px
    }

    #carousel .banner-caption .button,
    #carousel .banner-caption .button:hover,
    #carousel .banner-caption .extended-banner-link,
    #carousel .banner-caption .extended-banner-link:hover,
    .next-to-carousel-banners .normal-banners-line .banner-caption .button,
    .next-to-carousel-banners .normal-banners-line .banner-caption .button:hover,
    .next-to-carousel-banners .normal-banners-line .banner-caption .extended-banner-link,
    .next-to-carousel-banners .normal-banners-line .banner-caption .extended-banner-link:hover {
        text-align: left;
        padding-right: 4rem;
        background: var(--color-secondary) url(https://eshop.optimia.cz/user/documents/upload/temp/arrow-right_1.svg);
        background-position: center right 20px !important;
        background-repeat: no-repeat
    }

    .subcategories li a {
        height: 60px;
        line-height: 1.2em;
        padding: 4px 10px
    }

    .subcategories.with-image li a {
        display: flex;
        align-items: center;
        color: #505050;
        padding-left: 7px;
        text-decoration: none;
        border-radius: 10px;
        border: 1px solid #e1eefa;
        background-color: #fff
    }

    .subcategories.with-image li:hover a,
    .subcategories.with-image li:hover a:hover {
        display: flex;
        align-items: center;
        color: #505050;
        padding-left: 7px;
        text-decoration: none;
        border-radius: 10px;
        border: 1px solid #e1eefa;
        background-color: #fff;
        box-shadow: 0 10px 25px -1px rgba(0, 111, 184, .11)
    }

    .type-category #content>ul {
        width: 100%;
        margin: 40px 0 0;
        padding: 32px 28px 17px 29px;
        border-radius: 9px;
        background-color: var(--color-secondary) !important;
    }

    .type-category #content>div {
        width: 100%;
        margin: 0;
        padding: 15px 28px 15px 29px;
        border-radius: 9px;
        background-color: #fff
    }

    .slick-next.slick-arrow,
    .slick-prev.slick-arrow {
        background-size: cover !important;
        border: 0 !important;
        z-index: 999;
        width: 40px;
        height: 40px
    }

    .h4.homepage-group-title,
    h4.homepage-group-title {
        font-size: 26px !important;
        text-align: left !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        color: #123546
    }

    .slick-slider .slick-prev {
        right: 50px
    }

    .slick-prev.slick-arrow {
        background-image: url(https://eshop.optimia.cz/user/documents/upload/temp/left.svg) !important
    }

    .slick-next.slick-arrow {
        background-image: url(https://eshop.optimia.cz/user/documents/upload/temp/right.svg) !important
    }

    .hp-categories .hp-categories-posts .news-wrapper .news-item:hover {
        background: #fff !important;
        box-shadow: 0 10px 25px -1px rgb(0 111 184 / 11%)
    }

    .products-block.products .product .p .name {
        margin: 25px auto
    }

    .in-krok-1 .cart-content .order-summary .cart-items .cart-item a,
    .in-krok-2 .cart-content .order-summary .cart-items .cart-item a,
    .products-block.products .product:hover .p .name,
    .products-block.products .product:hover .p:hover .name,
    .products-block.products .product:hover .p:hover .name:hover {
        text-decoration: underline
    }

    .footer-banners .footer-banner .banner-caption {
        position: absolute;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        top: auto;
        bottom: 20px;
        left: 30px;
        line-height: 1.5em;
        z-index: 2;
        color: #fff;
        transition: .3s;
        width: 391px;
        height: auto;
        border-radius: 8px;
        background-color: #fff;
        padding: 20px !important;
        margin: 0 !important;
        text-align: left
    }

    .footer-banners .footer-banner .banner-caption .extended-banner-text {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #1c5069;
        text-align: left
    }

    .footer-banners .footer-banner:nth-child(2n) .banner-caption {
        align-items: flex-start !important
    }

    .footer-banners .footer-banner .banner-caption .extended-banner-link,
    .footer-banners .footer-banner .banner-caption .extended-banner-link:hover {
        text-align: left;
        background: var(--color-secondary) url(https://eshop.optimia.cz/user/documents/upload/temp/arrow-right_1.svg);
        background-position: center right 20px !important;
        background-repeat: no-repeat
    }

    .breadcrumbs-wrapper .navigation-home-icon-wrapper #navigation-first a,
    .type-detail .tab-content .detail-parameters tr td a {
        color: var(--color-primary) !important;
        text-decoration: underline
    }

    .breadcrumbs-wrapper .breadcrumbs>span>span {
        color: #616161
    }

    .breadcrumbs-wrapper .breadcrumbs>span>span.navigation-bullet {
        width: 10px;
        height: 10px;
        background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/adamin/img/arrow-right-b.svg);
        background-size: 7px;
        background-repeat: no-repeat;
        background-position: center
    }

    .type-category .content-wrapper-in {
        display: flex;
        flex-direction: row-reverse
    }

    .type-category .sidebar {
        margin-right: 1rem
    }

    .type-category .multiple-columns-body .content {
        width: calc(100% - 0px) !important
    }

    .type-category .content form h4,
    .type-category .content.narrow h4 {
        margin-top: 20px !important;
        margin-bottom: 20px !important
    }

    .type-category #content h4 {
        margin-bottom: 10px;
        padding-bottom: 0;
        font-size: 26px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        color: #123546
    }

    .in-krok-1 #checkoutContent .radio-wrapper label,
    .type-category .products-inline.products .product .p {
        background: 0 0
    }

    .type-category .products-inline.products.products-top .product a {
        text-decoration: none;
        font-size: 13px;
        line-height: normal;
        color: #2a2b2e
    }

    .type-category .products-inline.products.products-top .product .p {
        margin: 0;
        width: 100%;
        height: 100%;
        padding: 16px 10px 13px;
        border-radius: 10px;
        border: 1px solid #e1eefa;
        background-color: #fff
    }

    .products-block.products .product .p-tools,
    .products-block.products .product form.pr-action {
        width: 100%
    }

    .type-category .products-block.products .product .btn,
    .type-category .products-block.products .product button {
        width: 96% !important;
        height: 40px !important;
        margin: 16px 0 0;
        border-radius: 8px;
        background-color: #def2ff
    }

    .products-block.products .product .btn,
    .products-block.products .product button {
        width: 96% !important;
        min-width: 96% !important;
        height: 40px !important;
        opacity: 1
    }

    .colorbox-html-content .products-block.products .product .btn,
    .colorbox-html-content .products-block.products .product button {
        width: 180px !important;
        min-width: 180px !important;
        height: 40px !important
    }

    .type-category .products-block.products .product .p-tools .quantity,
    .type-category .products-block.products .product form.pr-action .quantity {
        width: 120px !important;
        margin: 0 0 6px;
        height: 30px
    }

    .products-block.products .quantity .decrease:before,
    .products-block.products .quantity .increase:before {
        font-size: 16px;
        line-height: .8rem !important
    }

    .products-block.products .quantity .decrease,
    .products-block.products .quantity .increase {
        border-radius: 5px;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px
    }

    .products-block.products .product .p-tools .quantity input,
    .products-block.products .product form.pr-action .quantity input {
        position: relative;
        left: 1px
    }

    .products-block.products .product .p-tools .quantity .decrease,
    .products-block.products .product .p-tools .quantity .increase,
    .products-block.products .product form.pr-action .quantity .decrease,
    .products-block.products .product form.pr-action .quantity .increase,
    .type-category .products-block.products .product .p-tools .quantity .increase,
    .type-category .products-block.products .product form.pr-action .quantity .increase {
        top: 0 !important
    }

    .type-category .product .p-tools .quantity .decrease,
    .type-category .product form.pr-action .quantity .decrease,
    .type-category .products-block.products .product .p-tools .quantity .increase,
    .type-category .products-block.products .product form.pr-action .quantity .increase {
        top: 3px
    }

    .type-category .pagination-top {
        visibility: hidden
    }

    .ui-slider-horizontal {
        height: 8px
    }

    #filters .ui-slider-horizontal {
        background: #e1eefa
    }

    .ui-slider-horizontal .ui-slider-handle:first-of-type {
        width: 24px;
        height: 24px;
        margin-left: -10px;
        cursor: pointer;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/k/arrow-left.png) center/12px no-repeat #fff !important;
        border-radius: 6px !important;
        box-shadow: 0 3px 6px 0 rgb(0 32 53 / 20%);
        border: 0
    }

    .ui-slider-horizontal .ui-slider-handle:nth-of-type(2) {
        width: 24px;
        height: 24px;
        margin-left: -10px;
        cursor: pointer;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/k/arrow-right.png) center/12px no-repeat #fff !important;
        border-radius: 6px !important;
        box-shadow: 0 3px 6px 0 rgb(0 32 53 / 20%);
        border: 0
    }

    .sidebar .filters-wrapper #manufacturer-filter h4 {
        font-size: 15px;
        font-weight: 700;
        line-height: normal;
        color: var(--color-primary);
    }

    .type-category .sidebar-inner>div h4 {
        font-size: 20px;
        font-weight: 600;
        color: var(--color-primary);
        line-height: 1.4
    }

    .type-category .sidebar #filters {
        border: none;
        background: 0 0;
        border-radius: 0
    }

    .type-category input[type=checkbox]+label::before,
    .type-category input[type=radio]+label::before {
        left: 0;
        width: 22px;
        height: 22px;
        margin: 0 8px 0 0;
        border: 1px solid #d8e6f3;
        background-color: #fff
    }

    .type-category #filters .filter-section label {
        width: auto;
        margin: 5px 0;
        padding: 0
    }

    .type-category input[type=checkbox]:checked+label::after,
    .type-category input[type=radio]:checked+label::after {
        width: 22px;
        height: 20px;
        border-width: 1px;
        left: 0;
        border: none
    }

    .type-category input[type=checkbox]:checked+label::before {
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/k/check.png) 0 0/cover no-repeat var(--color-primary);
        position: absolute;
        left: 0;
        width: 20px;
        height: 20px;
        border: 0;
        z-index: 9
    }

    #content .btn.unveil-button,
    #footer .btn.unveil-button,
    .pagination a {
        border-radius: 6px;
        font-size: 13px;
        letter-spacing: .3px;
        font-stretch: normal;
        font-style: normal;
        text-align: center
    }

    .type-category #filters .filter-section label,
    .type-category #filters .filter-section label.disabled {
        padding-left: 28px
    }

    #content .btn.unveil-button,
    #footer .btn.unveil-button {
        display: inline-block;
        width: 254px;
        height: 49px;
        padding: 16px 45px 17px 47px;
        background-color: var(--color-secondary) !important;
        font-weight: 500;
        line-height: normal;
        color: #ffffff
    }

    .pagination a {
        line-height: 2.4rem;
        width: 40px;
        height: 40px;
        margin: 0 8px;
        font-weight: 700;
        color: rgba(48, 126, 164, .8);
        border: 1px solid #e1eefa;
        background: #fff
    }

    .pagination strong.current {
        font-family: var(--template-font);
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.4rem;
        letter-spacing: .3px;
        text-align: center;
        color: var(--color-primary) !important;
        border-radius: 6px;
        border: 1px solid var(--color-primary);
        /*background-color: #e1eefa;*/
        width: 40px;
        height: 40px;
        margin: 0 8px
    }

    .type-detail .question-tooltip {
        border-radius: 50%;
        font-size: 12px;
        line-height: 1.2rem;
        color: #fff;
        background: var(--color-primary);
        position: relative;
        top: -2px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%
    }

    .type-detail .product-top h1 {
        display: block;
        float: none;
        margin-right: 10px;
        margin-bottom: 0;
        font-size: 40px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.4;
        letter-spacing: normal;
        color: #123546
    }

    .type-detail .p-detail .p-code,
    .type-detail table.detail-parameters tr.variant-list {
        display: block
    }

    .type-detail .p-detail .p-image {
        margin-left: 8rem;
        position: relative;
        border-radius: 15px;
        border: 1px solid #e1eefa !important;
        padding: 10px
    }

    .type-detail .p-short-description,
    .type-detail .p-short-description p,
    .type-detail .p-short-description span,
    .type-detail .p-short-description strong {
        line-height: 1.67;
        letter-spacing: .3px;
        color: #2a2b2e
    }

    .type-detail .product-top .add-to-cart button {
        width: 231px;
        height: 48px;
        margin: 0 0 28px;
        padding: 7px 47px 7px 45px;
        border-radius: 8px;
        background-color: var(--color-primary);
    }

    .type-detail .product-top .price-line .price-final {
        display: block;
        margin-top: 10px;
        font-size: 24px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .6px;
        color: #000
    }

    .type-detail .add-to-cart .quantity input {
        width: 60px;
        height: 48px;
        margin-left: 31px;
        margin-right: 40px;
        padding-top: 1px;
        background: #fff;
        border: 1px solid rgba(30, 30, 28, .16);
        border-radius: 8px;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        text-align: center;
        color: #2a2b2e
    }

    .type-detail .price-final-holder:after {
        content: "bez DPH";
        font-size: 18px !important;
        font-weight: 400;
        letter-spacing: .4px
    }

    .type-detail .product-top .price-line .availability-label {
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        /*color: #26b801 !important*/
    }

    .type-detail .product-top .price-line .availability-value {
        margin: 0
    }

    .type-detail .product-top .add-to-cart {
        max-height: 48px
    }

    .type-detail .shp-tabs-holder ul.shp-tabs li.active a {
        cursor: pointer;
        background-color: #fff;
        color: var(--color-primary) !important;
        border-bottom: 1px solid var(--color-primary);
        position: relative;
        top: 1px
    }

    .type-detail .shp-tab-link {
        border-color: transparent;
        background-color: transparent
    }

    .shp-tabs,
    .shp-tabs-holder {
        border-color: #f5f5f5;
        background-color: transparent;
        border-bottom: 1px solid #f5f5f5
    }

    .type-detail .shp-tabs-holder ul.shp-tabs li:before {
        height: 0;
        width: 0
    }

    .type-detail .products-related-header,
    .type-detail .shp-tabs-wrapper h3 {
        font-size: 26px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        color: var(--color-primary)
    }

    .type-detail .tab-content .detail-parameters tr td {
        font-weight: 600;
        text-align: right;
        color: #2a2b2e
    }

    .product-top .price-line .price-additional {
        font-size: 12px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        color: rgba(42, 43, 46, .65);
        line-height: normal;
        letter-spacing: .3px
    }

    .p-detail .p-info-wrapper .detail-parameters tr th {
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: .3px;
        color: #2a2b2e
    }

    .product-top .p-detail-info .stars-wrapper .stars .star:before {
        font-size: 12px
    }

    .product-top .p-detail-info .detail-parameters {
        border-top: 0 solid transparent
    }

    .type-detail p>a.chevron-after>chevron-down-after {
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: .3px;
        text-decoration: underline
    }

    .basic-description li,
    .basic-description p,
    .basic-description span,
    .basic-description ul {
        font-size: 15px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: .3px;
        color: #2a2b2e
    }

    .type-detail .p-detail .p-thumbnails {
        width: 130px;
        min-height: 700px;
        margin-bottom: 10px;
        position: absolute;
        top: 0;
        left: 0;
        background: #fff
    }

    .type-detail .p-detail .p-thumbnails>div {
        position: absolute;
        top: 0;
        left: 0;
        width: 140px !important;
        min-height: 600px !important
    }

    .product-top .p-thumbnails-wrapper .p-thumbnails-inner a {
        margin-left: 0;
        margin-right: 0
    }

    .in-krok-1 .next-step-back.back-to-shop,
    .in-krok-1 .order-summary-item.price,
    .in-krok-2 .next-step-back.back-to-shop,
    .ordering-process .cart-content .cart-header li.completed a:after,
    .ordering-process .cart-content .cart-header li.completed strong:after,
    .type-detail .p-image-wrapper .p-thumbnails .thumbnail-next,
    .type-detail .p-image-wrapper .p-thumbnails .thumbnail-prev {
        display: none !important
    }

    .type-detail .product-top .p-thumbnails-wrapper .p-thumbnails-inner a {
        margin-bottom: 15px;
        border: 1px solid #e1eefa !important;
        z-index: 9
    }

    .type-detail .product-top .social-buttons-wrapper a:not(.link-icon) span {
        color: var(--color-primary) !important;
        font-size: 12px;
        font-weight: 500
    }

    footer h4 {
        color: #1c5069 !important;
        margin-bottom: 20px
    }

    footer a,
    footer ul:not(.footer__contact) li a {
        color: var(--color-primary) !important;
        text-decoration: underline;
        font-size: 13px;
        letter-spacing: .3px;
        line-height: normal;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal
    }

    footer h4 span {
        font-size: 26px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: var(--color-primary)
    }

    footer ul:not(.footer__contact) li a {
        background: url('https://eshop.optimia.cz/user/documents/upload/temp/green/i/svg-arrow-right.svg') no-repeat;
        padding-left: 22px
    }

    .footer__b1,
    .footer__b2 {
        position: relative;
        min-height: 60px;
        padding-left: 3rem !important
    }

    .footer__b1::before {
        content: "";
        background: url('https://eshop.optimia.cz/user/documents/upload/temp/green/send.png') 0 0/cover;
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px
    }

    .footer__b2::before {
        content: "";
        background: url('https://eshop.optimia.cz/user/documents/upload/temp/green/phone.png') 0 0/cover;
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px
    }

    .footer__b1 a,
    .footer__b2 a {
        padding: 0;
        margin: 0;
        line-height: 2.2rem
    }

    body:not(.id-1) .benefits-banners-line,
    body:not(.id-1) .detail-benefits {
        width: 100%;
        max-width: 1674px;
        padding: 0 !important;
        margin: 2rem auto !important
    }

    .type-category .category-header {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row-reverse;
        font-size: 0;
        border-radius: 0;
        margin-bottom: 25px;
        margin-top: 0;
        background: 0 0 !important;
        overflow: visible
    }

    .type-category .category-header form {
        position: relative;
        height: 40px;
        overflow: visible
    }

    .type-category .category-header fieldset {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 400px;
        padding-top: 36px;
        height: 36px;
        z-index: 3;
        margin-left: auto;
        background: #fff;
        position: relative;
        border: 1px solid #e1eefa;
        border-radius: 8px;
        cursor: pointer
    }

    .type-category .category-header fieldset label {
        font-weight: 500;
        background: #f1f3f7;
        text-align: left !important
    }

    .type-category .category-header label {
        font-size: 14px !important;
        color: #000 !important;
        border-radius: 0 !important;
        letter-spacing: 0;
        margin-top: 0 !important;
        padding: 8px 15px !important;
        position: relative;
        font-weight: 400;
        z-index: 1
    }

    .type-category .category-header fieldset input[type=radio]:checked+label {
        position: absolute;
        top: 0;
        left: 0;
        padding-right: 22px;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/k/arrow-down.svg) right 15px center/10px no-repeat #fff !important;
        color: #1e1e1c !important;
        letter-spacing: 0;
        width: 100%;
        z-index: 1
    }

    .type-category .category-header fieldset.hovered {
        height: auto
    }

    .id--9 .cart-row .col-md-4 .cart-content,
    .in-krok-2 .cart-row .col-md-4 .cart-content {
        border-radius: 8px;
        background: #e8f9ef;
    }

    .id--9 #continue-order-button,
    .id--9 #orderFormButton.next-step-forward {
        font-size: 0px;
        border-radius: 8px;
        width: 100%
    }

    .id--9 .cart-table .p-name a {
        font-size: 15px;
        font-weight: 400 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67 !important;
        letter-spacing: .3px;
        color: #2a2b2e !important
    }

    .id--9 .cart-table tr td .cart-related-availability strong,
    .id--9 .cart-table tr td.p-availability strong {
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #069f0a !important
    }

    .id--9 .cart-content.summary-wrapper .price-wrapper .price-label {
        font-size: 15px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: .3px;
        color: #000000;
        width: 50%
    }

    .id--9 .cart-content.summary-wrapper .price-wrapper .price.price-primary {
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        color: #000;
        line-height: 1.67;
        letter-spacing: .3px;
        text-align: right;
        width: 50%
    }

    .id--9 .cart-table tr td.p-total strong {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2a2b2e !important
    }

    .id--9 .p-total .price-final:after {
        content: " bez DPH";
        font-size: 18px !important;
        color: rgba(42, 43, 46, .6);
        font-weight: 500
    }

    .id--9 .cart-content.summary-wrapper .price-wrapper {
        font-size: 20px;
        font-stretch: normal;
        font-style: normal;
        color: #2a2b2e;
        line-height: 1.5;
        letter-spacing: .4px
    }

    .id--9 .cart-table .remove-item {
        width: 28px;
        height: 28px;
        min-height: inherit;
        min-width: 28px !important
    }

    .id--9 .cart-table .remove-item:before {
        content: "";
        width: 28px;
        height: 28px;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/close/x-circle.svg) center/28px no-repeat;
        position: absolute;
        top: 3px;
        left: 6px;
        font-size: 8px;
        font-weight: 700;
        line-height: 15px
    }

    .id--9 .cart-table .cart-p-image a img {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        min-width: auto;
        min-height: auto;
        border-radius: 6px;
        border: 1px solid #e1eefa
    }

    .id--9 .cart-table tr {
        border-bottom: 1px solid #e1eefa
    }

    .question-tooltip {
        color: #fff;
        background: var(--color-primary);
        border-radius: 50%
    }

    .in-krok-1 #checkoutContent .cart-content .co-box h4 {
        border-radius: 6px;
        background-color: var(--color-primary);
    }

    .in-krok-1 #checkoutContent input[type=radio]:checked+label span:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-radius: 6px;
        background-color: #e8f9ef !important;
        opacity: 1;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
    }

    .in-krok-1 .payment-logo,
    .in-krok-1 .payment-shipping-price {
        flex-grow: 0;
        flex-shrink: 0;
        width: 140px;
        text-align: right
    }

    .in-krok-1 #checkoutContent .radio-wrapper.active .in-krok-1 .cart-row .col-md-4 .cart-content,
    .in-krok-1 .cart-row .col-md-4 .cart-content {
        background: #e8f9ef;
    }

    .in-krok-1 input[type=checkbox]+label::before,
    .in-krok-1 input[type=radio]+label::before {
        background-color: transparent;
        border: 1px solid #d8e6f3
    }

    .in-krok-1 #checkoutContent .cart-content .co-box .payment-info,
    .p-detail .p-info-wrapper .detail-parameters tr td,
    .p-detail .p-info-wrapper .detail-parameters tr th {
        display: block !important
    }

    .in-krok-1 #checkoutContent .cart-content .co-box.co-payment-method label span {
        margin-left: 5px
    }

    .in-krok-1 .cart-content .order-summary .recapitulation-single,
    .in-krok-2 .cart-content .order-summary .recapitulation-single {
        display: flex !important;
        justify-content: space-between;
        display: grid;
        grid-template-columns: 1fr 2fr;
        grid-row-gap: 0rem;
        grid-column-gap: 0rem;
        margin-bottom: 40px
    }

    .in-krok-1 .recapitulation-shipping-billing-info,
    .in-krok-2 .recapitulation-shipping-billing-info {
        display: flex;
        flex-direction: column-reverse;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        text-align: right;
        color: #2a2b2e
    }

    .in-krok-1 .cart-content .order-summary .recapitulation-single strong span,
    .in-krok-2 .cart-content .order-summary .recapitulation-single strong span {
        float: none;
        opacity: 1;
        display: block;
        margin-top: 10px;
        font-size: 13px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        text-align: right;
        color: #2a2b2e
    }

    .in-krok-1 .cart-content .order-summary .order-summary-inner h4,
    .in-krok-2 .cart-content .order-summary .order-summary-inner h4 {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        color: #2a2b2e;
        line-height: 1.56;
        letter-spacing: .3px
    }

    .in-krok-1 .col-md-4 .cart-content .cart-items,
    .in-krok-2 .col-md-4 .cart-content .cart-items {
        display: flex;
        flex-direction: column
    }

    .in-krok-1 .col-md-4 .cart-content .cart-item-name,
    .in-krok-2 .col-md-4 .cart-content .cart-item-name {
        order: 2
    }

    .in-krok-1 .col-md-4 .cart-content .cart-item-amount,
    .in-krok-2 .col-md-4 .cart-content .cart-item-amount {
        order: 1;
        min-width: 50px;
        font-weight: 900
    }

    .in-krok-1 .col-md-4 .cart-content .cart-item-price,
    .in-krok-2 .col-md-4 .cart-content .cart-item-price {
        order: 3
    }

    .in-krok-1 .cart-row .col-md-4 .cart-content,
    .in-krok-2 .cart-row .col-md-4 .cart-content {
        z-index: 9
    }

    .in-krok-1 .cart-content .next-step,
    .in-krok-2 .cart-content .next-step {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-row-gap: 2rem;
        grid-column-gap: 2rem
    }

    .in-krok-2 #checkoutContent .cart-content .co-box h4 {
        color: #fff;
        background: var(--color-primary);
    }

    .in-krok-1 #checkoutContent .form-control,
    .in-krok-2 #checkoutContent .form-control {
        color: rgba(42, 43, 46, .5)
    }

    .in-krok-2 #checkoutContent .form-control {
        max-width: 420px;
        border-radius: 8px;
        border: 1px solid #e1eefa;
        background-color: #fff
    }

    .in-krok-2 div#note .form-control {
        width: 100%;
        max-width: 100%;
        border-radius: 8px;
        background-color: #e8f9ef !important;
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        color: rgba(28, 80, 105, .55);
        line-height: 1.46;
        letter-spacing: .3px
    }

    .in-krok-2 .co-box.co-box-additional .form-group {
        width: 50%;
        margin-left: auto;
        margin-top: -105px;
        padding: 11px 0
    }

    .ordering-process .cart-content .order-summary .price-wrapper .price-label {
        font-size: 15px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        color: #2a2b2e;
        line-height: 1.27;
        letter-spacing: .35px;
        width: 50%
    }

    .ordering-process .cart-content .order-summary .price-wrapper .price.price-primary {
        font-size: 18px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        color: #2a2b2e;
        line-height: 1.56;
        letter-spacing: .3px;
        text-align: right;
        width: 50%;
        margin-bottom: 1rem
    }

    .ordering-process .price-label.price-secondary {
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        color: #2a2b2e;
        line-height: 1.46;
        letter-spacing: .3px
    }

    .ordering-process .price.price-secondary {
        font-size: 13px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        color: rgba(42, 43, 46, .75);
        line-height: 2.15;
        letter-spacing: .22px;
        text-align: right
    }

    .ordering-process .cart-content .next-step .btn {
        background: var(--color-primary) url(https://eshop.optimia.cz/user/documents/upload/temp/arrow-right_1.svg);
        background-position: center right 90px;
        background-repeat: no-repeat
    }

    .ordering-process .cart-content .cart-header li.active a span,
    .ordering-process .cart-content .cart-header li.active strong span {
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        color: var(--color-secondary) !important
    }

    .ordering-process .cart-content .cart-header li a,
    .ordering-process .cart-content .cart-header li strong {
        position: relative;
        top: 10px
    }

    .ordering-process .cart-content .cart-header li.active:before {
        background: var(--color-primary);
    }

    .ordering-process .cart-content .cart-header li {
        position: relative;
        padding-left: 4rem;
        width: 100%;
        min-height: 60px
    }

    .ordering-process .cart-content .cart-header li.step.step-1::before {
        content: "1";
        position: absolute;
        top: 0;
        left: 0;
        background: 0 0;
        border-radius: 50%;
        border: 1px solid;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 2.4rem
    }

    .ordering-process .cart-content .cart-header li.step.step-1.active::before,
    .ordering-process .cart-content .cart-header li.step.step-1.completed::before,
    .ordering-process .cart-content .cart-header li.step.step-2.active::before,
    .ordering-process .cart-content .cart-header li.step.step-2.completed::before,
    .ordering-process .cart-content .cart-header li.step.step-3.active::before,
    .ordering-process .cart-content .cart-header li.step.step-3.completed::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: url(https://eshop.optimia.cz/user/documents/upload/temp/k/check.png) 0 0/contain no-repeat var(--color-primary);
        border-radius: 50%;
        border: 1px solid var(--color-primary);
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 2.4rem
    }

    .ordering-process .cart-content .cart-header li.step.step-2::before {
        content: "2";
        position: absolute;
        top: 0;
        left: 0;
        background: 0 0;
        border-radius: 50%;
        border: 1px solid #616161;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 2.4rem
    }

    .ordering-process .cart-content .cart-header li.step.step-3::before {
        content: "3";
        position: absolute;
        top: 0;
        left: 0;
        background: 0 0;
        border-radius: 50%;
        border: 1px solid;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 2.4rem
    }

    .ordering-process .cart-content .cart-header li.step.step-1.active,
    .ordering-process .cart-content .cart-header li.step.step-2.active,
    .ordering-process .cart-content .cart-header li.step.step-3.active {
        width: 100%;
        border-bottom: 2px solid var(--color-secondary) !important
    }

    .ordering-process .cart-content .cart-header li a span,
    .ordering-process .cart-content .cart-header li strong span {
        opacity: .8;
        font-size: 13px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: .3px;
        color: #616161
    }

    #navigation {
        height: 55px !important
    }

    .sidebar-inner {
        padding-left: 0
    }

    .multiple-columns-body .content {
        width: calc(100% - 360px) !important
    }
}

.welcome {
    text-align: left;
    }

.h4.homepage-group-title::after,
.mobile #carousel .banner-caption .extended-banner-text,
.mobile .body-banners .banner-wrapper .banner-caption .extended-banner-text,
/*.mobile .footer-banners .footer-banner .banner-caption .extended-banner-text,*/
.mobile .next-to-carousel-banners .normal-banners-line .banner-caption .extended-banner-text,
.products-top a.toggle-top-products {
    display: none !important
}

.cart-content .extras-wrapper .extras-col form .btn,
.cart-content .extras-wrapper .extras-col form button {
    display: block !important;
    transition: .3s;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    background: var(--color-primary);
}

.cart-content .discount-coupon form input {
    background: #eaecf0;
    border: none;
    font-size: 1em;
    display: block !important;
    transition: .3s;
    width: 100%;
    border-radius: 8px;
    height: 100%;
    min-width: max-content
}

/*
#footer,
#footer p,
#footer a,
#footer h1,
#footer h1 span,
#footer h2,
#footer h2 span,
#footer h3,
#footer h3 span,
#footer h4,
#footer h4 span {
    color: white !important;
    }
*/

footer p {
    font-size: 13px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .3px;
    color: #616161
}

.in-naplne-do-tiskaren #header .search {
    width: 600px;
    margin-right: 3vw;
    visibility: hidden
}

.in-naplne-do-tiskaren .vyhledavani-sem-2 fieldset {
    padding: 2rem;
    background: #fafafa;
    display: grid;
    grid-template-columns: repeat(2, 70% 30%);
    grid-gap: min(2vmax, 32px);
    grid-row-gap: 2rem;
    grid-column-gap: 2rem;
    margin-bottom: 2rem
}

.in-naplne-do-tiskaren .vyhledavani-sem-2 .content form .btn,
.in-naplne-do-tiskaren .vyhledavani-sem-2 .content.narrow .btn {
    line-height: 38px;
    padding: 0 15px;
    border: none;
    border-radius: 2px
}

.admin-bar {
    display: block !important
}

/*
.payment-shipping-price:after {
    content: " s DPH" !important
}
*/

.shipping-options-popup .shipping-row .payment-shipping-price {
    min-width: 120px !important
}

#newsWrapper {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.hp-categories .hp-categories-posts .news-wrapper .news-item {
    background: #fff !important
}

.hp-categories .hp-categories-posts .news-wrapper .news-item .text .title {
    color: var(--color-primary) !important;
}

.hp-categories .hp-categories-posts .news-wrapper .news-item .text .title:hover {
    color: var(--color-primary) !important;
}

.hp-categories .hp-categories-posts .news-wrapper .news-item .image {
    width: 60px !important;
    height: 60px !important;
    margin-right: 10px !important
}

.hp-categories .hp-categories-posts .news-wrapper .news-item .image img {
    max-width: 60px !important;
    max-height: 60px !important
}

.benefits-banners-line .benefit-banner .icon-box,
.detail-benefits .benefit-banner .icon-box {
    width: 56x !important;
    height: 56px !important;
    margin-right: 25px !important
}

.benefits-banners-line .benefit-banner .icon-box img,
.detail-benefits .benefit-banner .icon-box img {
    max-height: 56px !important;
    max-width: 56px !important;
    min-height: 56px !important
}

.benefits-banners-line .benefit-banner .desc-box h3,
.detail-benefits .benefit-banner .desc-box h3 {
    color: var(--color-primary) !important;
}

#header .top-navigation-contacts {
    visibility: hidden !important
}

.top-navigation-bar .msg-part .text {
    text-transform: unset !important;
    color: var(--color-primary) !important;
    font-weight: 700 !important;
    font-size: 13px !important
}

#carousel .banner-caption .extended-banner-title {
    color: #000 !important;
    font-weight: 700 !important;
    text-transform: unset !important
}

#carousel .banner-caption .extended-banner-text {
    color: #000 !important;
    font-weight: 700 !important
}

.next-to-carousel-banners .banner-caption .extended-banner-title,
.next-to-carousel-banners .banner-caption h2,
.next-to-carousel-banners .banner-wrapper>a>.extended-banner-texts .extended-banner-title,
.next-to-carousel-banners .banner-wrapper>a>.extended-banner-texts h2 {
    color: #000 !important
}

.in-krok-2 .cart-content {
    display: flex;
    flex-direction: column
}

.in-krok-2 .cart-content .cart-header {
    order: 1 !important
}

.in-krok-2 .cart-content .site-msg-custom {
    order: 2 !important
}

.in-krok-2 .cart-content .co-contact-information {
    order: 3 !important
}

.in-krok-2 .cart-content .co-box-additional {
    order: 4 !important
}

.in-krok-2 .cart-content #shipping-address,
.in-krok-2 .cart-content .co-billing-address {
    order: 5 !important
}

.in-kosik .price.price-primary:after {
    content: "bez DPH";
    font-size: 14px !important
}

.in-krok-2 label[for=email]:after {
    content: "";
    font-weight: 400 !important
}

.in-krok-2 label[for=email] {
    width: 100% !important
}

.in-krok-1 .co-delivery-method .payment-shipping-price:after {
    content: "bez DPH";
    font-size: 12px
}

.in-krok-1 .co-delivery-method .payment-shipping-price {
    width: 120px !important
}

.product .price.price-final:after {
    content: "bez DPH"
}

.price-final-holder:after {
    content: "bez DPH";
    font-size: 18px !important
}

#continue-order-button,
#orderFormButton.next-step-forward {
    font-size: 0px
}

#continue-order-button:after,
#orderFormButton.next-step-forward:after {
    content: "Pokračovat k platbě";
    font-size: 14px !important;
    font-family: var(--template-font) !important;
    font-weight: 600 !important
}

.type-page .content-inner {
    padding-right: 2rem
}

.type-category .benefits-banners-line,
.type-category .detail-benefits,
.type-detail .benefits-banners-line,
.type-detail .detail-benefits {
    max-width: 1440px;
    margin: 0 auto
}

.top-navigation-bar {
    border-bottom: 0 solid rgba(30, 30, 28, .08)
}

#carousel .banner-caption,
.footer-banners .footer-banner .banner-caption,
.next-to-carousel-banners .normal-banners-line .banner-caption {
    background-color: rgba(255, 255, 255, .8) !important
}

@media (max-width:991px) {
    .text_block {
        display: none
    }
}

@media (min-width:991px) {
    .sidebar.sidebar-left .sidebar-inner {
        padding-top: 0 !important
    }

    .admin-logged .text_block {
        width: max-content;
        position: fixed;
        top: 4%;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .scrolled.scrolled-down .admin-logged .text_block {
        display: none
    }

    .admin-logged .overall-wrapper {
        margin-top: 0
    }

    .text_block span,
    .text_block strong {
        position: relative;
        top: -8px;
        font-stretch: normal;
        font-style: normal;
        line-height: normal
    }

    .id-1 .products-block .product .p .quantity .increase {
        position: absolute;
        top: 11px;
        right: -5px
    }

    .id-1 .products-block .product .p .quantity .decrease {
        position: absolute;
        top: 11px;
        left: -5px
    }

    .text_block {
        width: max-content;
        position: fixed;
        top: 1%;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .text_block img {
        width: 32px;
        height: 32px;
        margin: 0 8px 0 0;
        object-fit: contain
    }

    .text_block strong {
        font-size: 15px;
        font-weight: 700;
        letter-spacing: -.3px;
        color: #2a2b2e
    }

    .text_block span {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: normal;
        color: #8c9396;
        margin-left: 10px
    }
}

.type-detail .tab-content .detail-parameters tr:first-child td,
.type-detail .tab-content .detail-parameters tr:first-child th {
    padding-top: 15px !important
}