/*OBECNÉ*/

html {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

@font-face {
    font-family: Prompt;
    src: url("/user/documents/fonty/Prompt-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: Prompt;
    src: url("/user/documents/fonty/Prompt-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: Road Rage;
    src: url("/user/documents/fonty/Road_Rage.otf");
    font-weight: 400;
}

@font-face {
    font-family: Prompt;
    src: url("/user/documents/fonty/Prompt-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: Prompt;
    src: url("/user/documents/fonty/Prompt-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: Prompt;
    src: url("/user/documents/fonty/Prompt-Bold.ttf");
    font-weight: 700;
}


:root {
    --template-font: "Prompt", sans-serif !important;
    --template-headings-font: "Prompt", sans-serif !important;
    --template-font-special: "Road Rage", sans-serif !important;
    --size-h1-special: 48px;
    --size-h2-special: 42px;
    --size-h3-special: 34px;
    --size-h4-special: 28px;
    --size-h5-special: 18px;
    --size-button: 18px;
    --size-h1: 32px;
    --size-h2: 28px;
    --size-h3: 26px;
    --size-h4: 22px;
    --size-h5: 18px;
}

body {
    font-size: 16px;
}

h1, .h1 {
    font-size: var(--size-h1);
}

h2, .h2 {
    font-size: var(--size-h2);
}

h3, .h3 {
    font-size: var(--size-h3);
}

h4, .h4 {
    font-size: var(--size-h4);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

#signature a.image img {
    margin-bottom: 6px;
}

#signature {
    align-items: center;
}

.remedio-signature {
    display: inline-flex;
    align-items: center;
    margin-right: 11px;
}

.remedio-logo {
    margin: 0 7px 0 8px;
}

.remedio-spaceman {
    margin-right: 10px;
}

/*HEADER*/

@media (min-width: 992px) {
    #header > .navigation-wrapper > .site-name {
        position: absolute;
        z-index: 1;
        top: 25px;
        left: 50%;
        transform: translateX(-50%);
    }
    #header > .navigation-wrapper > .navigation-buttons {
        position: absolute;
        top: 65px;
        right: 0;
    }
    .navigation-in {
        background-color: transparent;
    }
    .fitted .navigation-in ul {
        justify-content: center;
    }
    #header > .navigation-wrapper {
        padding-top: 150px;
        padding-bottom: 50px;
    }
    #header .site-name a img {
        max-height: 115px;
    }
    .navigation-buttons {
        border: none !important;
    }
    .navigation-buttons > a {
        position: relative;
        width: 34px;
        height: 34px;
        background: #fff !important;
        border-radius: 50%;
        margin-left: 20px;
        padding: 0;
        border: none;
    }
    .navigation-buttons a[data-target=search]:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background-image: url("/user/documents/upload/kodovani/magnifier.svg");
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: center;
    }
    .navigation-buttons a[data-target=login]:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background-image: url("/user/documents/upload/kodovani/user.svg");
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: center;
    }
    .navigation-buttons a[data-target=cart]:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        background-image: url("/user/documents/upload/kodovani/shopping-bag.svg");
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: center;
    }
    #navigation {
        position: relative;
        z-index: 1;
        margin-left: 80px;
    }
    #header {
        background-image: url("/user/documents/upload/kodovani/header-bgnd.jpg");
        background-size: cover;
        background-position: center bottom;
    }
    .navigation-in ul li a b {
        font-weight: 600;
    }
    .navigation-in ul li a {
        text-transform: uppercase;
    }
    .navigation-in>ul>li>a {
        margin: 0 35px;
    }
    .navigation-in>ul>li>a:hover {
        text-decoration: underline;
    }
    .navigation-in>ul>li.menu-item-706>a {
        color: #000;
        background-image: url("/user/documents/upload/kodovani/stain-yellow.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
        max-height: 80px;
        display: flex;
        align-items: center;
    }
    .navigation-in>ul>li.menu-item-706>a:hover {
        color: #fff;
        background-image: url("/user/documents/upload/kodovani/stain-black.svg");
        text-decoration: none;
    }
    .navigation-in>ul>li.menu-item-706>a>b {
        width: 192px;
        height: 51px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-right: 40px;
        padding-bottom: 5px;
        font-weight: 700;
    }
}

/*CAROUSEL*/

@media (min-width: 991px) {
    #carousel {
        margin-top: -280px;
        min-height: 700px;
    }

    .carousel-inner .item > a {
        position: relative;
        display: block;
        min-height: 700px;
        width: 100%;
    }

    .carousel-inner .item > a > img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1920px;
        height: 100%;
        max-width: unset;
    }
}

    /*HP PRODUKTY*/

.myproducts-swiper .swiper-button-prev, .myproducts-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
}

.myproducts-swiper .swiper-button-prev::after, .myproducts-swiper .swiper-button-next::after {
    content: none;
}

.myproducts-swiper .swiper-button-prev::before, .myproducts-swiper .swiper-button-next::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background: url("/user/documents/upload/kodovani/chevron-right_red.svg") no-repeat center;
    background-size: contain;
    transform: translate(-50%, -50%);
}

.myproducts-swiper .swiper-button-prev::before {
    transform: translate(-50%, -50%) rotate(180deg);
}

.in-index .tab-content>.tab-pane {
    display: block;
    opacity: 1;
    margin-bottom: 140px;
}

.in-index .tab-content {
    padding: 0;
}

.in-index .tab-content>.tab-pane .products-block {
    margin: 0;
    flex-wrap: nowrap;
}

.shp-tabs-wrapper.homepage-tabs-wrapper .shp-tabs-row {
    display: none;
}

.products-block>div .p {
    border: none;
}

.homepage-group-title {
    display: block;
    text-align: center;
    font-family: var(--template-font-special);
    margin: 0 0 60px;
    font-size: var(--size-h2-special);
}

.products-block>div .p .name {
    font-size: var(--size-h5);
    line-height: 1.5;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
}

.products-block>div .p .p-bottom.single-button {
    padding: 0;
}

.myswiper-navi {
    margin-top: 100px;
}

.swiper-pagination-bullet {
    position: relative;
    background: transparent;
    width: 60px;
    border-radius: 0;
    opacity: 1;
    margin: 4px;
    padding: 10px 0;
}

.swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: var(--color-tertiary);
    height: 3px;
}

.swiper-pagination-bullet-active::before {
    background: var(--color-primary);
}

.products-block .p-bottom .prices {
    display: flex;
    flex-direction: column-reverse;
}

.products-block .p-bottom .prices .price-final strong {
    font-weight: 300;
    line-height: 1.5;
}

.products-block .p-bottom .prices .price-additional {
    font-size: 12px;
    color: #999999;
    font-weight: 300;
}

.banners-content.body-banners .banner-wrapper > a {
    display: flex;
    flex-direction: row-reverse;
}

.banners-content.body-banners .extended-banner-texts {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url("/user/documents/upload/kodovani/square-bgnd.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.banners-content.body-banners .extended-banner-texts > * {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    box-shadow: none;
    background: transparent;
    border: none;
    width: 100%;
    max-width: 450px;
    display: block;
}

.banners-content.body-banners .banner-wrapper > a > img {
    width: 50%;
}

.banners-content.body-banners .banner-wrapper {
    position: relative;
}

.banners-content.body-banners .banner-wrapper::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 448px;
    top: -215px;
    left: -205px;
    background-image: url("/user/documents/upload/kodovani/piano.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}

.banners-content.body-banners .banner-wrapper::after {
    content: "Bavíme se hypotechnicky";
    position: absolute;
    top: -85px;
    right: -160px;
    font-family: var(--template-font-special);
    font-size: 24px;
    transform: rotate(18deg);
    max-width: 280px;
    text-align: center;
}

.banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {
    transform: none;
}

.banners-content.body-banners .extended-banner-texts > .extended-banner-title {
    text-transform: uppercase;
    color: #fff;
    font-size: var(--size-h1-special);
}

.banners-content.body-banners .extended-banner-texts > .extended-banner-title span {
    color: var(--color-primary-hover);
    text-align: center;
}

.banners-content.body-banners .extended-banner-texts > .extended-banner-link {
    color: var(--color-tertiary);
    margin-top: 30px;
    background-image: url("/user/documents/upload/kodovani/stain-yellow2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    width: 424px;
    height: 73px;
    max-width: unset;
    font-size: var(--size-h5);
    font-weight: 600;
    align-items: center;
    padding-left: 50px;
    padding-bottom: 8px;
    text-decoration: underline;
}

.banners-content.body-banners .extended-banner-texts > .extended-banner-link:hover {
    text-decoration: none;
}

.banners-content.body-banners {
    margin: 180px auto 110px;
}

.products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
    min-width: 165px;
    min-height: 44px;
    display: flex;
    align-self: center;
    justify-content: center;
    background-image: url("/user/documents/upload/kodovani/stain-yellow-symetric.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--color-tertiary);
    font-weight: 600;
    letter-spacing: .05rem;
    text-transform: none;
    font-size: var(--size-button);
    border: none !important;
    background-color: transparent !important;
    padding-top: 5px;
}

.products-block>div .p .p-bottom>div .p-tools .btn:hover {
    text-decoration: underline;
}

.flag.flag-discount {
    background-color: var(--color-primary);
}

.flags-extra .price-save, .flags-extra .price-standard {
    color: var(--color-tertiary);
}

/*FOOTER*/

#footer {
    background: var(--color-tertiary);
    color: #fff;
    padding-bottom: 0;
    margin-top: 100px;
}

#footer a, #footer p, #footer li, #footer h4 {
    color: #fff;
}


#footer .footer-newsletter {
    display: none;
}

.custom-footer > .custom-footer__contact {
    display: none;
}

.custom-footer > div {
    width: 25%;
}

.custom-footer {
    display: flex;
    flex-wrap: wrap;
}

.custom-footer::before, .custom-footer::after {
    content: none;
}

.myfooter-socials img {
    margin-right: 15px;
}

#footer .myfooter-socials a {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 28px;
}

#footer .myfooter-socials a:last-child {
    margin-bottom: 0;
}

.custom-footer > div.custom-footer__banner2 {
    align-self: center;
}

#footer ul li:before {
    content: none;
}

#footer ul {
    padding: 0;
}

#footer .banner-wrapper {
    margin: 0;
}

#footer a {
    font-weight: 300;
}

#footer h4 {
    position: relative;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 10px;
}

#footer .banner {
    min-height: unset;
    overflow: visible;
    margin-bottom: 0;
}

.custom-footer > div.custom-footer__articles, .custom-footer > div.custom-footer__banner3 {
    padding-top: 70px;
}

.custom-footer > div.custom-footer__articles h4::before, .custom-footer > div.custom-footer__banner3 h4::before {
    content: "";
    position: absolute;
    width: 29px;
    height: 29px;
    left: -49px;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.custom-footer > div.custom-footer__articles h4::before {
    background-image: url("/user/documents/upload/kodovani/pro_zakazniky.svg");
}

.custom-footer > div.custom-footer__banner3 h4::before {
    background-image: url("/user/documents/upload/kodovani/informace_pro_vas.svg");
}

.myig {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1920px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 30px;
}

.myig > a {
    position: relative;
    display: block;
    width: calc(20% - 30px);
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.myig > a img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease 300ms;
}

.myig > a:hover img {
    transform: translateY(-50%) scale(1.03);
}

.myig::before {
    content: "instagram";
    display: block;
    margin: 50px 0 60px;
    text-align: center;
    font-weight: 400;
    line-height: 1.1;
    font-size: var(--size-h3-special);
    font-family: var(--template-font-special);
    width: 100%;
    color: #fff;
}

.custom-footer > .custom-footer__instagram {
    display: none;
}

/*DETAIL KATEGORIE*/

.breadcrumbs a, .breadcrumbs {
    color: #1B3740;
    font-weight: 400;
}

.breadcrumbs {
    border: none;
    padding-top: 10px;
    font-size: 100%;
}

.breadcrumbs>span>a::before {
    content: "/";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    height: auto;
    background: transparent;
}

.breadcrumbs>span>a::after {
    content: none;
}

.breadcrumbs>span>a, .breadcrumbs>span>span {
    padding: 10px 15px 10px 7px;
}

.breadcrumbs > span:last-child > span {
    font-weight: 600;
}

.category-title {
    font-family: var(--template-font-special);
    font-size: var(--size-h3-special);
    text-align: center;
    margin: 0 0 35px;
}

.category-perex {
    text-align: center;
    line-height: 1.5;
}

.subcategories li:before {
    content: none;
}

.subcategories {
    justify-content: center;
    margin-top: 30px;
}

.subcategories li {
    width: 25%;
    padding: 0 17px 17px;
}

.subcategories li a {
    width: 100%;
    display: block;
    text-align: center;
    padding: 15px;
    border: 2px solid var(--color-tertiary);
    border-radius: 13px;
    font-size: var(--size-h5);
    color: var(--color-tertiary);
    transition: background-color ease 300ms;
    background-color: #fff;
}

.subcategories li a:hover {
    text-decoration: none;
    background-color: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
    font-weight: 600;
}

.category-header {
    border: none !important;
    justify-content: flex-end;
}

.category-header input[type="radio"]+label {
    border: none !important;
    background: transparent;
    font-size: 16px;
    padding: 0 0 10px;
    margin: 0 57px 0 0;
    position: relative;
}

.category-header input[type="radio"]+label:last-child {
    margin-right: 0;
}

.category-header input[type="radio"]+label:hover {
    background: transparent;
}

.category-header input[type="radio"]:checked+label {
    color: var(--color-tertiary);
}

.category-header input[type="radio"]:checked+label, .category-header input[type="radio"]+label:hover {
    text-decoration: underline;
    text-decoration-color: var(--color-tertiary);
    text-decoration-thickness: 2px;
}

.category-top {
    margin-bottom: 150px;
    position: relative;
    z-index: 1;
}

.type-category #content-wrapper {
    position: relative;
}

.type-category #content-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 360px;
    height: 500px;
    background-image: url("/user/documents/upload/kodovani/side_ilustrace_1.svg");
    background-size: contain;
    background-position: left top;
    background-repeat: no-repeat;
}

.type-category #content-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 324px;
    height: 410px;
    background-image: url("/user/documents/upload/kodovani/side_ilustrace_2.svg");
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.type-category .products-block {
    margin-left: -50px;
    margin-right: -50px;
}

.type-category .products-block > div {
    padding: 13px 50px;
}

.products-block>div .p .name {
    height: 50px;
    margin-bottom: 10px;
}

.myparameters {
    display: flex;
    flex-wrap: wrap;
}

.myparameters > div {
    padding: 7px;
    height: 45px;
    text-align: center;
    border: 1px solid var(--color-tertiary);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 5px;
    min-width: 61px;
}

.myparameters > div.active {
    background: var(--color-secondary-hover);
    color: var(--color-tertiary);
    border-color: var(--color-tertiary);
    font-weight: 600;
}

.myparameters > div > p {
    margin-bottom: 0;
    font-size: 20px;
}

.one-column-body table.detail-parameters tbody tr th {
    width: auto;
    min-width: unset;
    text-transform: none;
    padding-right: 17px;
    font-size: 18px;
}


.type-detail .availability-label::before {
    content: "Dostupnost:";
    margin-right: 3px;
    color: var(--color-tertiary);
    font-weight: 700;
}

.p-to-cart-block .add-to-cart-button.btn-conversion::before {
    content: none;
}

.p-to-cart-block .add-to-cart-button.btn-conversion::after {
    content: "";
    display: inline-block;
    margin-left: 17px;
    width: 27px;
    height: 32px;
    background: url("/user/documents/upload/kodovani/shopping-bag_black.svg") no-repeat center;
    background-size: contain;
    vertical-align: top;
}


.p-to-cart-block .add-to-cart-button.btn-conversion {
    font-size: 20px;
    padding: 9px 37px !important;
    text-transform: none;
    border-radius: 8px;
    color: var(--color-tertiary);
    letter-spacing: .085rem;
    font-weight: 600;
    display: flex;
    align-self: center;
    line-height: 32px;
}

.p-to-cart-block .add-to-cart-button.btn-conversion:hover {
    text-decoration: underline;
}

.p-to-cart-block .quantity {
    padding-left: 48px;
    padding-right: 48px;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    border: none !important;
    margin-right: 15px;
}

.p-to-cart-block .quantity input {
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.p-to-cart-block .quantity .decrease {
    left: 0;
    right: auto;
    top: 0;

}

.p-to-cart-block .quantity .increase, .p-to-cart-block .quantity .decrease {
    width: 48px;
    height: 48px;
    border: 3px solid #000;
    border-radius: 15px;
}

.p-to-cart-block .quantity .decrease::before {
    content: "-";
    line-height: 42px;
}

.p-to-cart-block .quantity .increase::before {
    content: "+";
    line-height: 40px;
}

.p-to-cart-block .quantity .increase::before, .p-to-cart-block .quantity .decrease::before {
    font-size: 26px;
    font-family: var(--template-font);
}

.p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
    align-items: center;
}

.p-to-cart-block .p-add-to-cart-wrapper {
    margin-top: 10px;
    margin-left: 0;
}

.p-to-cart-block {
    padding: 0;
    margin-top: 25px;
    border: none;
}

.need-help {
    display: flex;
    align-items: center;
    font-size: var(--size-h5);
    line-height: 1.2;
    margin-top: 50px;
}

.need-help img {
    margin-right: 11px;
}

.need-help a {
    margin-left: 5px;
    font-weight: 700;
    text-decoration: underline;
    color: var(--color-tertiary);
}

.need-help a:hover {
    text-decoration: none;
}

.p-param-block {
    display: none;
}

.p-basic-info-block {
    border: none;
    padding: 0 0 6px;
}

.p-basic-info-block > .block:first-child {
    padding-left: 0;
}

.p-detail-inner .p-short-description {
    font-size: 100%;
}










.wide .image360::after, .wide .p-image::after {
    content: none;
}

.p-thumbnails a img {
    border-color: #fff;
}

#productsRelated, #productsAlternative {
    display: block !important;
    opacity: 1 !important;
    position: relative;
}

.p-detail-tabs-wrapper .shp-tabs-row.responsive-nav {
    display: none;
}

.basic-description::before {
    content: "Popis";
    font-weight: 600;
    font-size: 22px;
    line-height: 1.1;
    margin: 0 0 12px;
    display: block;
}

#productsRelated::before, #productsAlternative::before {
    content: "Související produkty";
    display: block;
    font-family: var(--template-font-special);
    font-size: var(--size-h3-special);
    line-height: 1.2;
    text-align: center;
    margin: 60px 0 20px;
}

#productsAlternative::before {
    content: "Pdoobné produkty";
}

.browse-p .p-prev, .browse-p .p-next {
    background-color: var(--color-primary);
    background-image: url("/user/documents/upload/kodovani/chevron-right-black.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.browse-p .p-next::before {
    content: none;
}

.browse-p .p-prev::before {
    content: none;
}

.browse-p .p-prev {
    transform: rotate(180deg);
}

.browse-p .p-next:hover, .browse-p .p-prev:hover {
    background-color: var(--color-primary-hover);
}

#description {
    padding-bottom: 35px;
    border-bottom: 1px solid #B6B6B6;
}

/*U DVOU AKORDŮ*/

.footer-banners .footer-banner > a {
    display: flex;
    flex-direction: row-reverse;
}

.footer-banners .extended-banner-texts {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-image: url("/user/documents/upload/kodovani/square-bgnd.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    color: #fff;
    line-height: 1.5;
}

.footer-banners .extended-banner-texts > * {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    padding: 0;
    box-shadow: none;
    background: transparent;
    border: none;
    width: 100%;
    max-width: 420px;
    display: block;
}

.footer-banners .footer-banner > a > img {
    width: 50%;
}

.footer-banners .footer-banner {
    position: relative;
}

.footer-banners .extended-banner-texts > .extended-banner-title {
    color: #fff;
    font-size: var(--size-h1-special);
    text-transform: uppercase;
}

.footer-banners .extended-banner-texts > .extended-banner-title span {
    color: var(--color-primary-hover);
    text-align: center;
}

.footer-banners .extended-banner-texts > .extended-banner-link {
    color: var(--color-tertiary);
    margin-top: 30px;
    background-image: url("/user/documents/upload/kodovani/stain-yellow2.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-flex;
    width: 424px;
    height: 73px;
    max-width: unset;
    font-size: var(--size-h5);
    font-weight: 600;
    align-items: center;
    padding-left: 100px;
    padding-bottom: 8px;
    text-decoration: underline;
}

.footer-banners .extended-banner-texts > .extended-banner-link:hover {
    text-decoration: none;
}


/* DRBKY */

.btn.btn-default, a.btn.btn-default {
    background-color: var(--color-primary);
    border-color: var(--color-tertiary);
    color: #000;
    font-weight: 700;
}

/*RESPO*/

@media (min-width: 1600px) {
    .breadcrumbs, .index-content-wrapper, .next-to-carousel-banners, .ordering-process .content-wrapper-in, .p-detail-inner, .p-detail-tabs-wrapper, .type-category .content, .type-glossary .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-page .content-wrapper-in, .type-post .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-search .content-wrapper-in {
        max-width: 1100px;
    }
}

@media (max-width: 1600px) and (min-width: 992px) {
    .navigation-in>ul>li>a {
        margin: 0 15px;
    }
    #header > .navigation-wrapper {
        padding-top: 130px;
    }
    .navigation-in>ul>li.menu-item-706>a>b {
        width: 150px;
    }
}

@media (max-width: 1600px) {
    :root {
        --size-h1-special: 36px;
        --size-h2-special: 32px;
        --size-h3-special: 34px;
        --size-h4-special: 28px;
        --size-h5-special: 18px;
        --size-button: 16px;
        --size-h1: 32px;
        --size-h2: 28px;
        --size-h3: 26px;
        --size-h4: 20px;
        --size-h5: 16px;
    }
    .breadcrumbs, .index-content-wrapper, .next-to-carousel-banners, .ordering-process .content-wrapper-in, .p-detail-inner, .p-detail-tabs-wrapper, .type-category .content, .type-glossary .content-wrapper-in, .type-manufacturer-detail .content-wrapper-in, .type-manufacturers-listing .content-wrapper-in, .type-page .content-wrapper-in, .type-post .content-wrapper-in, .type-posts-listing .content-wrapper-in, .type-search .content-wrapper-in {
        max-width: 940px;
    }
    .banners-content.body-banners .banner-wrapper::before {
        width: 300px;
        height: 270px;
        top: -135px;
        left: -135px;
    }
    .swiper-pagination-bullet {
        width: 40px;
    }
    .homepage-group-title {
        margin-bottom: 30px;
    }
    .myswiper-navi {
        margin-top: 50px;
    }
    .banners-content.body-banners .extended-banner-texts, .footer-banners .extended-banner-texts {
        padding: 20px;
    }
    .banners-content.body-banners .banner-wrapper::after {
        font-size: 18px;
    }
    .banners-content.body-banners .extended-banner-texts > .extended-banner-link, .footer-banners .extended-banner-texts > .extended-banner-link {
        width: 374px;
        height: 63px;
    }
    .banners-content.body-banners .banner-wrapper::after {
        font-size: 18px;
        max-width: 150px;
        top: -55px;
        right: -90px;
    }
    .banners-content.body-banners {
        margin: 140px auto 100px;
    }
    .in-index .tab-content>.tab-pane {
        margin-bottom: 80px;
    }
    #footer .myfooter-socials a {
        font-size: 18px;
    }
    .custom-footer > div.custom-footer__articles, .custom-footer > div.custom-footer__banner3 {
        padding-top: 30px;
    }
    .myfooter-logo img {
        max-width: 200px;
    }
    .myig {
        margin-bottom: 40px;
    }
    .myfooter-socials img {
        max-width: 30px;
    }
    .type-category #content-wrapper::before {
        width: 260px;
        height: 370px;
    }
    .type-category #content-wrapper::after {
        width: 250px;
        height: 320px;
    }
    .category-top {
        margin-bottom: 50px;
    }
}

@media (max-width: 1439px) and (min-width: 992px) {
    #header .site-name a img {
        max-height: 95px;
    }
    #header > .navigation-wrapper > .navigation-buttons {
        top: 45px
    }
    #header > .navigation-wrapper {
        padding-top: 110px;
    }
    .carousel-inner .item > a > img {
        width: 1620px;
        height: auto;
    }
    #carousel {
        min-height: unset;
    }
    .carousel-inner .item > a {
        min-height: unset;
    }
}

@media (max-width: 1439px) {
    .type-category #content-wrapper::before, .type-category #content-wrapper::after {
        width: 160px;
        height: 220px;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .navigation-in>ul>li>a {
        margin: 0 5px;
    }
}

@media (max-width: 1199px) {
    :root {
        --size-h1-special: 32px;
        --size-h2-special: 28px;
        --size-h3-special: 24px;
        --size-h4-special: 22px;
        --size-button: 16px;
        --size-h1: 28px;
        --size-h2: 24px;
        --size-h3: 22px;
        --size-h4: 18px;
        --size-h5: 16px;
    }
    body {
        font-size: 14px;
    }
    .banners-content.body-banners .banner-wrapper::after {
        transform: none;
        right: 0;
    }
    .banners-content.body-banners .banner-wrapper::before {
        top: auto;
        bottom: -80px;
        left: 0;
        width: 170px;
        height: 170px;
    }
    .banners-content.body-banners {
        margin: 100px auto;
    }
    .homepage-group-title {
        margin-bottom: 10px;
    }
    .in-index .tab-content>.tab-pane {
        margin-bottom: 60px;
    }
    .myig::before {
        margin: 30px 0 40px;
    }
    .myig > a {
        width: calc(20% - 10px);
    }
    .myig {
        padding: 0 10px;
    }
    .custom-footer > div.custom-footer__banner1 {
        order: 5;
        width: 100%;
        text-align: center;
    }
    .custom-footer > div.custom-footer__banner1 img {
        max-width: 150px;
    }
    .custom-footer > div {
        width: 33.333%;
    }
    #footer h4 {
        font-size: 16px;
    }
    .type-category #content-wrapper::before, .type-category #content-wrapper::after {
        content: none;
    }
    .subcategories li a {
        padding: 10px;
    }
    .category-title {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    #header {
        box-shadow: none;
    }
    #header .container {
        justify-content: center;
    }
    .navigation-buttons {
        width: 100%;
    }
    #header .site-name {
        z-index: 54;
    }
    .navigation-buttons a[data-target="navigation"] {
        position: absolute;
        left: 0;
    }
    #navigation {
        left: 0;
        padding-top: 0;
    }
    .navigation-in {
        padding-top: 60px;
        font-size: 18px;
        max-width: 350px;
        background: var(--color-tertiary);
    }
    .navigation-in a {
        color: #fff;
    }
    .navigation-in>ul>li>a>b {
        font-weight: 400;
        padding: 18px 0;
    }
    .navigation-window-visible #navigation {
        width: 100%;
        background: rgba(0,0,0,.5);
        z-index: 1006;
    }
    .navigation-in ul li a {
        margin-left: 20px;
        margin-right: 20px;
    }
    .menu-level-1 > li a {
        border-bottom: 1px solid #FFC5E6 !important;
    }
    .navigation-in .navigationActions {
        border: none;
        margin: 30px 0;
    }
    .navigation-buttons a[data-target="navigation"]::before {
        content: "";
        position: absolute;
        background: url("/user/documents/upload/kodovani/ico-menu_1.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 32px;
        height: 27px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .navigation-buttons a[data-target="cart"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: url("/user/documents/upload/kodovani/shopping-bag.svg");
        background-size: 18px 26px;
        background-position: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
        background-color: #fff;
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }
    .navigation-buttons a[data-target="search"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        background: url("/user/documents/upload/kodovani/magnifier.svg");
        background-size: 20px 26px;
        background-position: center;
        background-repeat: no-repeat;
        transform: translate(-50%, -50%);
        background-color: #fff;
        width: 34px;
        height: 34px;
        border-radius: 50%;
    }
    .navigation-buttons>a {
        border: none;
    }
    .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 37px;
        height: 37px;
        background: url("/user/documents/upload/kodovani/x_1.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        filter: invert(1);
        transform: translate(-50%, -50%);
    }
    .navigation-close {
        width: 60px;
        height: 60px;
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        background: url("/user/documents/upload/kodovani/x_1.svg");
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
    }
    #header .site-name {
        z-index: 1002;
    }
    #header .site-name a img {
        margin: 0 auto;
    }
    .navigation-buttons a {
        width: 50px;
    }
    .navigation-window-visible .navigation-buttons a[data-target=navigation], .navigation-window-visible .navigation-buttons a[data-target=navigation]:hover {
        background-color: transparent;
    }
    .banners-content.body-banners .banner-wrapper::before {
        content: none;
    }
    .banners-content.body-banners .extended-banner-texts > .extended-banner-link {
        width: 330px;
        height: 60px;
        font-size: 14px;
        padding-left: 40px;
    }
    .footer-banners .extended-banner-texts > .extended-banner-link {
        width: 330px;
        height: 60px;
        font-size: 14px;
        padding-left: 70px;
    }
    .banners-content.body-banners {
        margin: 100px auto 60px;
    }
    .custom-footer > div.custom-footer__articles h4::before, .custom-footer > div.custom-footer__banner3 h4::before {
        content: none;
    }
    .category-title {
        margin: 20px 0;
    }
    .subcategories {
        margin-top: 20px;
    }
    .category-header input[type="radio"]+label {
        font-size: 14px;
        margin: 0 30px 0 0;
    }
    .type-category .products-block > div {
        padding: 13px 20px;
    }
    .type-category .products-block {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width: 767px) {
    .products-block>div .p .name {
        height: 47px;
    }
    .banners-content.body-banners .banner-wrapper > a, .footer-banners .footer-banner > a {
        flex-direction: column;
        max-width: 500px;
    }
    .footer-banners .footer-banner > a {
        margin-left: auto;
        margin-right: auto;
    }
    .banners-content.body-banners .banner-wrapper > a > img, .footer-banners .footer-banner > a > img {
        width: 100%;
    }
    .banners-content.body-banners .extended-banner-texts, .footer-banners .extended-banner-texts {
        width: 100%;
    }
    .swiper-pagination-bullet {
        width: 30px;
    }
    .myswiper-navi {
        margin-top: 30px;
    }
    .myig {
        justify-content: center;
    }
    .myig > a {
        width: calc(33.3333% - 10px);
        margin: 5px;
    }
    .custom-footer > div {
        width: 50% !important;
    }
    .footer-bottom span {
        width: auto;
    }
    #signature {
        margin: 0;
    }
    .subcategories li {
        padding: 0 3px 6px;
        width: 33.333%;
    }
    .subcategories li a {
        padding: 6px;
    }
    .p-to-cart-block {
        margin-top: 10px;
    }
    .need-help {
        margin: 30px 0 20px;
    }
    .p-to-cart-block .quantity .increase, .p-to-cart-block .quantity .decrease {
        width: 38px;
        height: 38px;
        border-width: 2px;
    }
    .p-to-cart-block .quantity .decrease::before {
        line-height: 36px;
    }
    .p-to-cart-block .quantity .increase::before {
        line-height: 35px;
    }
    .p-to-cart-block .quantity input {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 28px;
    }
    .p-to-cart-block .add-to-cart-button.btn-conversion {
        font-size: 18px;
        line-height: 26px;
    }
    .p-to-cart-block .add-to-cart-button.btn-conversion::after {
        height: 26px;
        margin-left: 10px;
    }
    .p-to-cart-block .add-to-cart-button.btn-conversion {
        padding: 9px 20px !important;
    }
    .p-to-cart-block .quantity {
        padding-left: 40px;
        padding-right: 40px;
    }
    .type-detail .tab-content {
        padding-left: 0;
        padding-right: 0;
    }
    .myparameters > div > p {
        font-size: 16px;
    }
    .myparameters > div {
        height: 35px;
        min-width: 50px;
    }
    .one-column-body table.detail-parameters tbody tr th {
        font-size: 16px;
    }
}

@media (max-width: 499px) {
    :root {
        --size-h1-special: 28px;
        --size-h2-special: 24px;
        --size-h3-special: 22px;
        --size-h4-special: 20px;
        --size-button: 14px;
        --size-h1: 26px;
        --size-h2: 22px;
        --size-h3: 18px;
        --size-h4: 16px;
        --size-h5: 14px;
    }
    .banners-content.body-banners .extended-banner-texts > .extended-banner-link, .footer-banners .extended-banner-texts > .extended-banner-link {
        max-width: 100%;
        width: unset;
    }
    .banners-content.body-banners .extended-banner-texts, .footer-banners .extended-banner-texts {
        padding: 30px 10px;
    }
    .banners-content.body-banners .banner-wrapper::after {
        font-size: 14px;
        max-width: 120px;
        top: -45px;
    }
    .custom-footer > div {
        width: 100% !important;
    }
    .index-content-wrapper {
        margin-top: 20px;
    }
    .navigation-close:before {
        content: none;
    }
    .navigation-close {
        width: 40px;
        height: 40px;
    }
    .navigation-buttons a[data-target="search"]::before, .navigation-buttons a[data-target="cart"]::before {
        width: 30px;
        height: 30px;
    }
    .navigation-buttons a {
        width: 40px;
    }
    .products-block>div .p .availability {
        padding-top: 10px;
    }
    .products-block>div .p .p-bottom>div .p-tools {
        padding: 15px 0 0;
    }
    .banners-content.body-banners {
        margin: 80px -20px 60px;
    }
    .footer-banners {
        margin-left: -20px;
        margin-right: -20px;
    }
    .banners-content.body-banners .extended-banner-texts > .extended-banner-link, .footer-banners .extended-banner-texts > .extended-banner-link {
        background: transparent;
        padding: 0;
        width: auto;
        height: auto;
        color: var(--color-primary);
        margin-top: 10px;
    }
    .myig > a {
        width: calc(50% - 10px;);
    }
    .myig {
        padding: 0 5px;
    }
    #footer .myfooter-socials a {
        margin-bottom: 15px;
    }
    .subcategories li {
        width: 50%;
    }
    .category-header {
        display: none;
    }
    .p-to-cart-block .p-add-to-cart-wrapper .add-to-cart {
        justify-content: flex-start;
        gap: 15px;
    }
    .p-to-cart-block .add-to-cart-button.btn-conversion {
        flex: 0 1 auto;
    }
    .p-variants-block {
        padding: 0;
    }
    .need-help {
        flex-direction: column;
    }
    .need-help img {
        margin: 0 0 5px;
    }
    .need-help a {
        margin: 5px 0 0;
    }
    .footer-banners .footer-banner {
        padding: 0;
    }
}