/* COOKIES */
.siteCookies__buttonWrap {
    display: grid;
    grid-template-columns: auto 3fr;
    grid-row-gap: 1rem;
    grid-column-gap: 1rem;
}

.breadcrumbs {
    padding-top: 11px;
    padding-bottom: 11px;
}

.id-1 aside#column-l {
    display: none;
}

.id-1 main#content-in {
    width: 100% !important;
}

.btn.btn-cart,
a.btn.btn-cart,
.btn.btn-primary,
.btn.btn-conversion,
a.btn.btn-conversion {
    color: white;
    text-transform: uppercase;   
    background-color: #329a9d;
    background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286);
    border-top: 0px;
    border-left: 0px;
    border-bottom: 4px solid #329a9d !important;
    border-right: 4px solid #329a9d !important;
    }

.product .p:hover .btn.btn-cart,
.product .p:hover a.btn.btn-cart,
.product .p:hover .btn.btn-conversion,
.product .p:hover a.btn.btn-conversion {
    color: white;
    text-transform: uppercase;
    background-color: #329a9d;
    background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286);
    border-top: 0px;
    border-left: 0px;
    border-bottom: 4px solid #0b2223 !important;
    border-right: 4px solid #0b2223 !important;
    }

.products-block > div .p .p-bottom {
    padding: 20px 0px 0;
    }

#cboxOverlay { background: black; }

/* BLOG */
.box-section2 {
    color: white;
    background: #0b2223 !important;
    }

.box-section2 h4 {
    font-size: 18px;
    color: white;
    text-align: left;
    border-bottom: 2px solid;
    padding-bottom: 1rem;
    margin-top: 0;
    margin-bottom: 2rem;
    }

.box-section2 h5,
.box-section2 h5>a {
    color: white;
    background: #0b2223;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 2rem;
    text-decoration: underline;
    }

.homepage-group-title {
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 66px;
    margin-bottom: 1rem;
    }

@media only screen and (max-width: 990px) {
    .list__image-box {
        display: none !important;
    }
}

@media only screen and (min-width: 990px) {
    li.menu-item-1390 ul.navigation-submenu {
        min-width: 400px !important;
    }
}

@media (min-width: 768px) {

    body.id-1,
    body.id-1 .content-wrapper {
        background-color: #fafafa;
    }

    .id-1 .products-block>div {
        background: white;
        border-left: 5px solid #fafafa;
        border-right: 5px solid #fafafa;
    }

    .product .p .quantity {
        display: none;
    }

    .products-block>div .p .p-bottom>div .prices {
        padding-top: 2rem;
        min-height: 100px;
        background: #fafafa;
    }

    /**/
    .siteCookies__form {
        display: block !important;
    }

    .siteCookies__button:nth-of-type(1) {
        background: #dadada;
        padding: 10px 15px;
        height: auto;
        line-height: normal;
        font-size: 14px;
        display: grid;
        place-self: center;
        justify-items: center;
        align-items: center;
    }

    .siteCookies__button:nth-of-type(2) {
        background: #329a9d;
    }

    li.menu-item-4623 a>b {
        /*background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286) !important;*/
            background: #329a9d;
            padding: 5px 20px;
            border-radius: 25px;
    }

    li.menu-item-4623 a>b {
        color: white !important;
    }

    .products-block>div .p>a img {
        margin-top: 4rem;
        margin-bottom: 4rem;
        max-height: 150px;
    }

    .categories ul a {
        font-size: 15px;
    }

    #categories .expandable > a > span::before,
    #categories .expandable>.topic>a>span::before {
        content: '' !important;
        -webkit-transition: transform 0.3s ease-out;
        -o-transition: transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
        width: 10px;
        height: 10px;
        background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286) !important;
        line-height: 12px;
        border-radius: 4px;
        position: relative;
        top: -2px;
        }

    #categories .expandable.expanded>ul {
        display: block;
        background: #fafafa;
        padding: 2rem;
    }

    /* SLIDE */
    .product-slider-holder .product-slider-navigation {
        opacity: 1 !important;
    }

    .product-slider-holder .product-slider-pagination .pagination-button {
        width: 15px;
        height: 15px;
        border-radius: 5px;
        }

    .products-block > div .p .p-bottom > div .prices .price-standard {
        font-size: 14px;
        margin-left: 5px;
        margin-right: 5px;
        border-radius: 2px;
        padding: 6px 12px;
        }

    .product-slider-holder .product-slider-pagination .pagination-button.active {
        background-color: #0b2223;
        }

    .product-slider-holder .product-slider-navigation.navigation-next {
        left: auto !important;
        right: 30px !important;
        }

    .product-slider-holder .product-slider-navigation.navigation-prev {
        left: auto !important;
        right: 100px !important;
        }

    .product-slider-holder .product-slider-navigation {
        position: absolute;
        top: -6%;
        display: block;
        width: 60px;
        height: 60px;
        opacity: 1;
    }

    .product-slider-holder .product-slider-navigation.navigation-prev::before {
        content: '';
        color: white;
        background: #0b2223 url(https://www.malicomputer.cz/user/documents/upload/temp/a/arrow-left.png);
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center;
        padding: 3rem;
        width: 60px;
        height: 60px;
    }

    .product-slider-holder .product-slider-navigation.navigation-next::before {
        content: '';
        color: white;
        background: #0b2223 url(https://www.malicomputer.cz/user/documents/upload/temp/a/arrow-right.png);
        border-radius: 50%;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center;
        padding: 3rem;
        width: 60px;
        height: 60px;
    }

    /* NAV */
    .submenu-arrow {
        display: inline-block !important;
        padding-left: 1em;
        position: relative;
        top: -4px;
        font-size: 10px;
        line-height: 10px;
    }

    .navigation-in ul.menu-level-3 li {
        padding: 5px 0px;
    }

    .navigation-in>ul>.ext>ul>li>div>ul {
        line-height: 16px;
        max-height: max-content;
        overflow: hidden;
        display: block;
        min-height: 220px;
    }

    .navigation-in>ul>li.ext>ul>li>div>ul>li {
        display: inline-block;
    }

    .navigation-in>ul>li.ext>ul>li>a.menu-image {
        width: 200px;
    }

    .navigation-in>ul>li.ext>ul>li>a img {
        display: block;
        max-width: 120px;
        max-height: 120px;
        height: auto;
    }

    /* Product */
    .products-block>div .p .availability {
        position: absolute;
        top: 0px;
        right: 0px;
        font-size: 12px;
    }

    .products-block>div .p .p-bottom>div .p-tools .btn,
    .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
        border-bottom-style: solid;
        border-width: 1px;
        min-width: 100px;
        width: auto;
        margin: 0 auto;
        height: auto;
        font-weight: 900;
        white-space: nowrap;
        display: block;
        width: 100%;
        text-transform: uppercase;
        color: white;
        border-radius: 4px;
    }

}

/* PRICE */
.products-block > div .p .p-bottom > div .prices .price-final {
    color: #6200c9;
    }

.products-block > div .p .p-bottom > div .prices .price-standard span strong {
    color: #000000;
    }

.subcategories li {
    background: #ffffff;
    border: 2px solid #329a9d !important;
    border-radius: 4px !important;
    padding: 1rem !important;
}

.subcategories.with-image li a .image {
    width: 35%;
    text-align: center;
    background: white;
    margin-right: 1rem;
    padding: 1rem;
    border-radius: 4px;
}

.subcategories.with-image li a .text {
    color: #329a9d;
    max-width: 65%;
}

.products-inline.products-top>div .p {
    align-items: center;
    width: 100%;
    background: #fafafa;
    padding: 2rem;
}

.products-inline>div .p .p-in .p-in-in .name {
    min-height: 50px;
}

.products-inline.products-top>div .p .p-in .p-bottom>div {
    text-align: right;
    align-items: end;
}

.type-category .content-wrapper-in {
    display: flex;
    margin-top: 1rem;
    border-top: 2px solid #fafafa;
}

/* SUB */
.subcategories.with-image li {
    background: #ffffff;
    border: 2px solid #329a9d !important;
    border-radius: 4px !important;
    padding: 1rem !important;
}

/**/
@media (max-width: 501px) {
    .subcategories {
        display: grid !important;
        grid-template-columns: repeat(1, 98%) !important;
        grid-row-gap: 1%;
        grid-column-gap: 1%;
    }

    .subcategories .col-xs-6 {
        width: 100%;
        margin: 0.5rem 1rem;
    }

    .products-top.products-inline>div {
        width: 100%;
    }
}

/**/
@media only screen and (min-width: 501px) and (max-width: 1441px) {
    .subcategories {
        display: grid;
        grid-template-columns: repeat(2, 48%);
        grid-row-gap: 1%;
        grid-column-gap: 1%;
    }

    .subcategories .col-xs-6 {
        width: 100%;
        margin: 0.5rem 1rem;
    }

    .products-top.products-inline>div {
        width: 50%;
    }
}

@media only screen and (min-width: 1441px) {
    .subcategories {
        display: grid;
        grid-template-columns: repeat(4, 23%);
        grid-row-gap: 1%;
        grid-column-gap: 1%;
    }

    .subcategories .col-xl-3 {
        width: 100%;
        margin: 0.5rem 1rem;
    }

    .products-top.products-inline>div {
        width: 48% !important;
        margin: 1% !important;
        }
}

.product .p .btn {
    width: 80%;
    margin: 10%;
}

.product .p .ratings-wrapper,
.product .p .stars-placeholder {
    display: none !important;
}

.product .p .p-tools {
    background: #fafafa;
}

.products-block>div .p .p-bottom>div .p-tools {
    width: 100%;
    padding: 10%;
}

.pagination-top>strong,
.pagination-top .pagination-link {
    background-color: transparent;
}

.product .p .dkLabComparerProductDiv,
.type-detail .basic-description button.button.button3 {
    display: none;
}

.pagination a {
    background: transparent;
}

.pagination-loader .btn.btn-default,
.pagination-loader a.btn.btn-default {
    color: #ffffff;
    text-transform: uppercase;
    border-color: #00ada3;
    background-color: #00ada3;
    border-radius: 5px;
}

#content .btn.unveil-button,
#footer .btn.unveil-button {
    color: white;
    text-transform: uppercase;
    display: inline-block;
    background: #0b2223;
    border: 0px;
    border-radius: 5px;
}

.product .p p.p-desc {
    font-size: 14px;
    background: #fafafa;
    margin: 0 0 22px;
    padding: 1rem;
}

@media (min-width: 768px) {
    .box.box-bg-variant {
        background-color: #fff;
        border: 1px solid #dadada;
        padding: 2rem;
        }

    div#categories .categories {
        position: relative;
        border-bottom: 1px dotted #dadada;
        font-size: 12px;
        }
    }

@media (min-width: 992px) {
    #header .search-input {
        color: #ffffff;
        background-color: #fff;
        background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286) !important;
        border-radius: 25px;
    }
}

@media (min-width: 1440px) {
    .id-1 .products-block .p>a {
        text-decoration: none;
        position: relative;
        max-height: 240px;
        display: block;
        }

    .container {
        max-width: 1440px;
        width: 100%;
    }

    .type-category .product {
        width: 25% !important;
        padding: 0px !important;
        margin: 2rem 0px !important;
    }
}

.product .p .flags {
    position: absolute;
    top: auto;
    left: 50%;
    transform: translate(-50%, -100%);
    width: max-content;
    margin: 0 auto;
    display: block;
    }

.product .p .flag {
    float: right;
    clear: inherit;
    width: auto;
    max-width: 12em;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0.5ex;
    padding: 4px 8px;
    border-radius: 0;
    text-align: center;
    }

.flags {
    width: 100%;
    }

.products .p {
    position: relative;
    }

.product .p .p-bottom .p-desc {
    margin-bottom: 22px;
    /*
    position: absolute;
    display: none;
    */
    z-index: 9;
}

.product .p:hover .p-bottom .p-desc {
    margin-bottom: 22px;
    position: absolute;
    display: block;
    z-index: 99;
}

/* FOOTER */
#footer {
    padding: 0px;
    background-color: #f7f7f7;
    background-image: linear-gradient(to right, #329a9d, #00ada3, #00c0a1, #00d197, #34e286);
}

#footer h4 {
    color: white;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.custom-footer>div {
    padding-bottom: 0px;
}

.footer-rows ul li {
    font-size: 15px;
    margin-right: 20px;
    float: left;
}

.banner a,
.banner-wrapper a,
.banner-category a,
.carousel-inner a {
    color: #ffffff;
    text-decoration: underline !important;
}

footer hr {
    border: 1px solid #329a9d;
    }

footer .footer-text p,
footer .footer-text p strong,
footer .footer-text p strong span,
footer .footer-text p span {
    font-size: 16px !important;
    font-weight: 400 !important;
    }

footer .footer-links-icons {
    font-size: 14px;
    padding: 0px;
}

footer a.title {
    display: none !important;
}

footer span.copyright {
    font-size: 13px;
}