:root {


    /*
  --color-primary: #459464;
  --color-secondary: #ba0101;
   */

    --color-white: #ffffff;
    --color-black: #000000;

    --color-monza: #d30c0c;
    --color-blog-red: #d40c0c;
    --color-thunderbird: #c8311c;
    --color-cinnabar: #e44919;
    --color-crimson: #ed1b24;
    --color-brick: #cd2a30;
    --color-salva: #88302e;
    --color-flamingo: #f34646;

    --color-sunglow: #ffdc2c;
    --color-turbo: #fef200;

    --color-atlantis: #80d629;
    --color-christi: #7aae0c;
    --color-apple: #66b234;
    --color-conifer: #bee041;
    --color-sushi: #99bd38;
    --color-aqua-forest: #5f9c61;
    --color-chelsea: #95b351;

    --color-nepal: #90AFC4;
    --color-bali-hai: #8ea5b5;
    --color-ebony-clay: #232f3f;
    --color-bluewood: #2f3e53;
    --color-cloud-burst: #1e2a42;
    --color-limed-spruce: #364147;

    --color-zanah: #d4edda;
    --color-tasman: #d0ddd3;
    --color-gin: #e7f1e9;
    --color-cream: #eaeaea;
    --color-saltpan: #F4F9F6;
    --color-wind-sand: #F6F6F6;
    --color-gallery: #ededed;
    --color-pampas: #ededed;
    --color-concrete: #F2F2F2;
    --color-alto: #dddddd;
    --color-mercury: #e5e5e5;
    --color-alabaster: #e5e5e5;
    --color-swiss-coffee: #dedad7;

    --color-mine-shaft: #373737;
    --color-tundora: #4D4D4D;
    --color-dove: #666666;
    --color-gray: #858585;
    --color-shuttle-gray: #5b6063;
    --color-athens: #858585;
    --color-silver: #b2b2b2;
    --color-emperor: #545454;
    --color-chicago: #565654;
    --color-scorpion: #575757;
    --color-boulder: #797979;
    --color-dusty: #999999;
    --color-zumthor: #999999;
    --color-cascade: #8ca9ae;

    --color-social-fb: #355089;
    --color-social-twitter: #55acee;
    --color-social-insta: #962FBF;
    --color-social-yt: #cd201f;
    --color-social-tiktok: #25F4EE;
}

.in-klient-hodnoceni .sidebar,
.in-klient-slevy .sidebar,
.in-klient-doklady .sidebar,
.in-nastaveni .sidebar,
.in-objednavky .sidebar,
.in-klient-diskuze .sidebar {
    display: unset;
}

.client-center-box li:first-of-type {
    list-style: none !important;
}

.client-center-box li:first-of-type a {
    margin-bottom: 10px !important;
    color: var(--color-mine-shaft) !important;
}

.client-center-box .logout {
    margin-bottom: 30px !important;
}

.blog-hp {
    background-color: var(--color-white);
}

.CategoryTriggerText {
    display: none;
}

@media (min-width: 689px) {
    .dkLabFavDiv {
        position: absolute;
        bottom: 110px;
        /*left: 35%;*/
        right: auto;
        z-index: 99;
    }
}

#ui-datepicker-div {
    display: none !important;
}

.p-detail-inner .p-info-wrapper > p {
    margin: 0px;
}

.client-center-box {
    border-bottom: 0px solid var(--color-black) !important;
}

.subcategories.with-image li a .text {
    padding-left: 0px !important;
}

a[href="#affiliateLogin"],
#formAffiliateLogin,
.in-login h1.spaced {
    display: none !important;
}

.widget-parameter-wrapper .widget-parameter-value {
    border: 1px solid var(--color-swiss-coffee) !important;
    padding: 5px !important;
    line-height: 16px !important;
    margin-right: 5px !important;
}

.widget-parameter-wrapper {
    /* padding-bottom: 10px !important; */
    padding-top: 17px;
}

.widget-parameter-wrapper .widget-parameter-more span {
    top: 4px !important;
    position: relative !important;
}

.dropdown.open .dropdown-menu li a {
    color: var(--color-nepal) !important;
    border-radius: 0px !important;
}

.breadcrumbs-wrapper .breadcrumbs {
    display: none !important;
}


.id-1 .rubrika-home.col-sm-3 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.id-1 .rubrika-home img {
    margin-bottom: 10px !important;
}

#dklab_instagram_widget {
    margin-bottom: 60px !important;
}

.dkLabFavDiv {
    z-index: 1 !important;
}

.neswletter-text {
    display: inline !important;
}

.newsletter-kontakt-in {
    display: flex;
}

.newsletter-kontakt {
    display: inline-block !important;
    text-align: center !important;
}

.menu-item-4190.ext {
    display: none !important;
}

.in-registrace h4 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
}

.in-registrace .box.box-sm.box-squeeze.box-bg-transparent {
    display: none !important;
}

.vapoo-news {
    font-weight: bold !important;
    color: var(--color-christi) !important;
}

.vapoo-news-note {
    font-size: 11px;
    font-style: italic;
    color: var(--color-silver);
}

.in-registrace .form-group.consents.consents-first {
    margin-top: 20px !important;
}

.in-registrace #register-form .stay-in-touch {
    margin-bottom: 20px !important;
    margin-top: 40px !important;
}

.type-detail .chevron-down-after.chevron-down-after {
    display: none !important;
}

.filters-wrapper #manufacturer-filter {
    display: none !important;
}

.category-perex hr {
    height: 0px !important;
    color: transparent !important;
    margin: 0px !important;
    padding: 0px !important;
}

.category-perex .news-item-widget {
    display: none !important;
}

.type-product .p-detail-inner-header img {
    max-height: 30px !important;
}

.breadcrumbs > span > a {
    min-height: 30px !important;
    font-weight: normal !important;
}

.type-product .breadcrumbs > span > a,
.breadcrumbs > span > span {
    padding: 5px 10px !important;
    font-weight: normal !important;
}

.type-product .detail-extra-availability .casovy-udaj {
    font-weight: bold !important;
    font-size: 18px !important;
}

.basic-description {
    margin-top: 30px !important;
}

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

.dkLabVisitedProductsBarContainer h4 {
    font-size: 120% !important;
}

#chat-application {
    z-index: 100000002 !important;
}

.subcategories li a {
    padding: 7px 20px 7px 13px !important;
}

.top-navigation-bar .container > div:first-child {
    left: 36.6%;
    top: 8px !important;
}

.banner4 h4 {
    border-top: 1px solid var(--color-alto) !important;
    width: 94% !important;
    padding-top: 20px !important;
}

.dkLabVisitedProductsBar {
    margin-top: 10px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--color-alto) !important;
}

.type-detail .p-info-wrapper > .detailInfoVyhody {
    display: none !important;
}

.social-buttons-wrapper a {
    color: var(--color-christi) !important;
    text-transform: none !important;
    text-decoration: underline !important;
    font-weight: normal !important;
}

.social-buttons-wrapper a:before {
    color: var(--color-dove) !important;
}

.ikony-hlavicka a {
    color: var(--color-white) !important;
}

.vlajky-mobile .telefon {
    font-weight: bold !important;
}

.vlajky-mobile .doba {
    font-weight: normal !important;
}

.vlajky .email::before {
    content: '\e924';
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    float: left !important;
    position: relative !important;
    left: -30px !important;
    top: 13px !important;
    color: var(--color-nepal) !important;
}

.vlajky .telefon::before {
    content: '\e92c';
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    float: left !important;
    position: relative !important;
    left: -30px !important;
    font-weight: bold !important;
    top: 13px !important;
    color: var(--color-nepal) !important;
}

.vlajky-mobile {
    margin-top: 10px !important;
}

.vlajky {
    line-height: 25px !important;
    float: left;
    top: 15px;
    position: relative;
}

.ikony-hlavicka {
    width: 20px !important;
    line-height: 25px !important;
    position: absolute !important;
    left: 65% !important;
    top: 50px !important;
    z-index: 55 !important;
    padding-left: 5px !important;
    display: none;
}

.vlajky,
.vlajky a {
    color: var(--color-white) !important;
    font-weight: 600;
    font-size: 16px;
}

.vlajky .contact-time {
    color: var(--color-nepal);
    font-size: 12px;
}

.header-icons-contact {
    position: absolute !important;
    left: 60% !important;
    z-index: 55 !important;
    top: 12px;
    padding-left: 5px !important;
}

@media screen and (max-width: 767px) {

    #footer .custom-footer > div:nth-of-type(6) a,
    #footer .custom-footer > div:nth-of-type(7) a {
        line-height: 2.3 !important;
    }

    .kategorie-banner {
        display: none !important;
    }

    .container.breadcrumbs-wrapper {
        margin-top: 0px !important;
    }

    .parametric a[href="/liquidy-s-klasickym-nikotinem/"],
    .parametric a[href="/liquidy-s-nikotinovou-soli/"],
    .parametric a[href="/liquidy-bez-nikotinu/"] {
        background-position: 10px center !important;
        padding-left: 30px !important;
        line-height: 20px !important;
    }

    #footer .custom-footer > div:nth-of-type(1) {
        padding-bottom: 0px !important;
    }

    #footer {
        text-align: center !important;
    }

    #dklab_instagram_widget {
        margin-top: 0px !important;
    }

    #content {
        padding-bottom: 0px !important;
    }

    .content-wrapper {
        background-color: var(--color-white) !important;
    }

    .top-nav-button.primary.signin,
    .in-index #footer .custom-footer > div:nth-of-type(3) {
        display: none !important;
    }

    .header-icons-contact {
        display: none;
    }
}

.flags-favorite {
    line-height: 26px !important;
    float: left;
    margin-left: 30px;
}

.flags-favorite > a {
    color: var(--color-white) !important;
}

.flags-favorite > a::before {
    padding-right: 7px;
    color: var(--color-nepal) !important;
}

.in-login .social-login-buttons {
    padding-bottom: 60px !important;
}

.advanced-order .h1,
.advanced-order-suggestion {
    font-weight: 900 !important;
}

.co-contact-information h4,
.co-billing-address h4,
.co-shipping-address h4 {
    font-size: 18px !important;
}

.in-krok-1 label[for="deliveryCountryId"],
.in-krok-1 label[for="payment-currency"] {
    font-weight: bold !important;
}

#select-country-payment .form-group {
    padding: 20px !important;
}

.order-information,
.order-delivery,
.order-summary-inner h4 {
    font-size: 18px !important;
}

.category-header label[for="order5"] {
    display: none !important;
}

#content h1 {
    color: var(--color-mine-shaft) !important;
    font-weight: bold !important;
    font-size: 26px !important;
}

#content h3,
.hodnoceni::before,
.products-related-header {
    color: var(--color-mine-shaft) !important;
    font-weight: bold !important;
    font-size: 22px !important;
}

.top-navigation-bar .dropdown button {
    margin-left: 20px !important;
}

.navigation-buttons .oblibeneBtn {
    display: none;
}

.top-navigation-bar a::before {
    background: transparent !important;
    color: var(--color-nepal) !important;
}

.dropdown-menu li a {
    padding-left: 28px !important;
    background: var(--color-ebony-clay) !important;
    border: 0px !important;
    color: var(--color-nepal) !important;
}

.dropdown-menu li a:hover {
    text-decoration: underline !important;
    color: var(--color-white) !important;
}

.dropdown-menu li a::before {
    background-color: var(--color-silver) !important;
}

.dropdown-menu {
    min-width: 60px !important;
}

.cart-inner .contact-box {
    padding: 0 0 0 96px !important;
}

.top-nav-button-account.secondary {
    top: 8px !important;
    position: relative !important;
}

.overall-wrapper, .content-wrapper.latest-contribution-box, .id-1 #dklab_instagram_widget {
    background: transparent !important;
    background-image: url(/user/documents/assets/img/pozadi/pozadi_kourk_tiny.jpg) !important;
}

.detail-extra-availability .dea-date {
    display: none !important;
}


.dropdown {
    float: right !important;
    position: relative !important;
    top: 8px !important;
}

.dropdown span {
    display: none !important;
}

.dropdown button {
    color: var(--color-nepal) !important;
    font-weight: bold !important;
}

.dropdown button:hover {
    text-decoration: underline !important;
}

.dropdown button::after {
    content: '\e90e';
    font-family: 'shoptet';
    font-size: 65%;
}

.top-navigation-contacts {
    background-color: transparent;
}

.blog-hp {
    background-color: var(--color-white);
    margin-top: 0px;
    padding-top: 10px;
}

.p .name {
    color: var(--color-cloud-burst);
}

.type-category .content h4:nth-of-type(1) {
    font-size: 17px !important;
    margin-top: 30px;
}

.subcategories:before {
    content: "Zvolte podkategorii" !important;
    display: inline-block !important;
    width: 100% !important;
    padding-left: 10px !important;
    font-weight: bold !important;
    font-size: 17px !important;
}

#topCategory {
    display: none !important;
}

.category-perex {
    background: var(--color-saltpan) !important;
    padding: 20px !important;
    border-top: 1px solid var(--color-alto) !important;
    border-right: 1px solid var(--color-alto) !important;
    border-left: 1px solid var(--color-alto) !important;
    margin-bottom: 0px !important;
}

.subcategories {
    background: var(--color-saltpan) !important;
    margin: 0px !important;
    padding: 10px !important;
    border-right: 1px solid var(--color-alto) !important;
    border-left: 1px solid var(--color-alto) !important;
    border-bottom: 1px solid var(--color-alto) !important;
}

.banner4 {
    padding-left: 15px !important;
}

.type-category .breadcrumbs {
    top: 0px !important;
    font-size: 13px !important;
    padding-right: 20px !important;
    font-weight: normal !important;
    margin-bottom: 0px;
}

.type-category .sidebar-inner,
.filter-sections {
    background: var(--color-saltpan);
}

.in-poradna-vapingu .container.content-wrapper,
.in-novinky-ve-svete-vapingu .container.content-wrapper,
.in-blog .container.content-wrapper,
.in-pozitiva-e-cigaret-v-mediich .container.content-wrapper,
.in-recenze-testy .container.content-wrapper,
.in-navody .container.content-wrapper {
    margin-top: 15px;
}

.content-wrapper.latest-contribution-box .container {
    background: var(--color-white) !important;
}

.homepage-box {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.bannery-home.container {
    background: var(--color-white) !important;
    padding-top: 15px;
}

.container.breadcrumbs-wrapper {
    background: var(--color-white) !important;
    margin-top: 15px;
}

.id-1 .news-item .image {
    max-height: 240px !important;
    overflow: hidden !important;
}

.latest-contribution-box {
    background: var(--color-white) !important;
}

.top-navigation-bar a.signin {
    float: right !important;
    display: inline !important;
    padding-top: 1px;
    border-left: 1px solid var(--color-nepal);
    padding-left: 7px !important;
    margin-top: 8px;
}

.top-navigation-bar a.login {
    float: right !important;
    padding-right: 8px !important;
    margin-top: 9px;
}

.top-navigation-bar a.signin {
    float: right !important;
}

.banners-row {
    background: var(--color-white) !important;
    padding: 10px 10px 0 10px !important;
}

.container.content-wrapper {
    background: var(--color-white) !important;
}

.banner13 .socialni-site a[href="https://www.fb.com/vapoo.cz"]:hover {
    color: var(--color-social-fb) !important;
}

.banner13 .socialni-site a[href="https://twitter.com/vapoocz"]:hover {
    color: var(--color-social-twitter) !important;
}

.banner13 .socialni-site a[href="https://instagram.com/vapoo.cz"]:hover {
    color: var(--color-social-insta) !important;
}

.banner13 .socialni-site a[href="https://youtube.com/vapoo"]:hover {
    color: var(--color-social-yt) !important;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper:nth-last-of-type(1) {
    overflow: hidden;
}

#navigation {
    border-top: 1px solid var(--color-ebony-clay) !important;
    background: transparent;
}

.filter-btn-hover {
    display: inline-block !important;
    width: 130px !important;
    text-align: center !important;
}

.logos img {
    filter: grayscale(1) !important;
}

.logos img:hover {
    filter: none !important;
    transform: scale(1.05);
    transition: 1s !important;
}

.top-navigation-bar a.login::before {
    content: '\e930';
    background: transparent !important;
    color: var(--color-nepal) !important;
    font-weight: bold !important;
}

.top-navigation-bar a.login::before {
    color: var(--color-nepal) !important;
    content: '\e922';
}

.top-navigation-contacts a[href="/"],
.top-navigation-contacts a[href="/#"],
.top-navigation-contacts a[href="/poradna-e-koureni/"],
.top-navigation-contacts a[href="/o-nas/"],
.top-navigation-contacts a[href="/vydejni-mista/"] {
    padding-right: 5px !important;
}

.top-navigation-bar .container > div:first-child {
    margin-right: 0px !important;
    width: 50%;
    margin-left: -20%;
}

.top-navigation-contacts a {
    font-size: 14px !important;
}

#tab-content {
    padding-bottom: 15px !important;
}

.top-navigation-contacts a[href="/vydejni-mista/"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
}

@media screen and (min-width: 900px) {
    #category-filter-hover {
        display: inline-block !important;
    }

    .chevron-after.chevron-down-after.toggle-filters {
        display: none !important;
    }

    .header-top .btn.cart-count::before {
        position: relative !important;
    }

    .header-top .btn.cart-count:hover::before {
        background: var(--color-secondary) !important;
    }

    #header .search .form-control {
        border-radius: 5px !important;
    }

    #header .search .btn::before {
        font-weight: bold !important;
    }

    header .search .btn {
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }

    .header-top .btn.cart-count::before {
        padding: 10px 4px 10px 10px !important;
        border-radius: 0px !important;
        margin-right: -4px !important;
    }
}

#header .search .form-control {
    border-radius: 5px !important;
}

#header .search .btn::before {
    font-weight: bold !important;
}

header .search .btn {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.top-navigation-bar .container > div:first-child {
    top: 0px;
}

.p-info-wrapper .variant-table span.delivery-time-label {
    margin-left: 0px !important;
}

.p-info-wrapper .variant-table .delivery-time {
    display: inline-block !important;
}

.variant-table .table-row {
    border-bottom: 1px solid var(--color-silver) !important;
}

.variant-table .table-row:last-of-type {
    border-bottom: 0px solid var(--color-silver) !important;
}

.variant-table .btn-cart {
    padding: 11px 29px !important;
}

.shp-tab .shp-tab-link[href="#variants"] {
    display: none !important;
}

.products-related .p-tools {
    bottom: 20px !important;
}

.dropdown2 div {
    background: var(--color-ebony-clay) !important;
}

.banner-home,
.rubriky-home {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.rubriky-home,
.latest-contribution-wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.bannery-home .banner-home {
    text-align: center !important;
}

.banner-home-extra,
.c {
    margin-bottom: 10px !important;
}

.bannery-home .banner-home {
    text-align: center !important;
}

.rubrika-home img:hover,
.bannery-home img:hover {
    transform: scale(1.05);
    transition: 1s !important;
}

.banner30 img:hover,
.banner29 img:hover,
.banner28 img:hover,
.banner27 img:hover,
.banner26 img:hover,
.banner25 img:hover,
.banner24 img:hover,
.banner23 img:hover,
.banner22 img:hover,
.banner21 img:hover {
    transform: scale(1.05);
    transition: 1s !important;
}

.vse-o-nakupu::before {
    color: var(--color-nepal) !important;
    background: transparent !important;
    margin: 0px 4px 0px 8px !important;
}

.in-blog .banner23,
.in-blog .banner22,
.in-blog .banner21,
.in-poradna-vapingu .banner23,
.in-poradna-vapingu .banner22,
.in-poradna-vapingu .banner21,
.in-novinky-ve-svete-vapingu .banner23,
.in-novinky-ve-svete-vapingu .banner22,
.in-novinky-ve-svete-vapingu .banner21,
.in-pozitiva-e-cigaret-v-mediich .banner23,
.in-pozitiva-e-cigaret-v-mediich .banner22,
.in-pozitiva-e-cigaret-v-mediich .banner21,
.in-recenze-testy .banner23,
.in-recenze-testy .banner22,
.in-recenze-testy .banner21,
.in-navody .banner23,
.in-navody .banner22,
.in-navody .banner21 {
    display: none !important;
}

body:before {
    content: "";
    opacity: 0;
    transition: opacity .5s;
}

body.submenu-visible:before,
body.search-visible:before {
    content: "";
    background: var(--color-black);
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 50;
}

body.submenu-visible #header,
body.search-visible #header {
    z-index: 51;
    position: relative;
}

body.submenu-visible .top-navigation-bar,
body.search-visible .top-navigation-bar {
    z-index: 52;
    position: relative;
}

.browse-p .p-next::before,
.browse-p .p-prev::before {
    color: var(--color-white) !important;
}

.browse-p .p-prev,
.browse-p .p-next {
    color: transparent !important;
}

.in-klient .sidebar {
    display: inline-block !important;
}

#header,
.top-navigation-bar {
    background: #080f15 !important;
}

.top-navigation-bar {
    background: var(--color-saltpan) !important;
}

.filters-wrapper {
    background: var(--color-saltpan) !important;
}

.article-detail a {
    text-decoration: underline !important;
}

.news-item .title:hover {
    color: var(--color-primary) !important;
}

.browse-p .p-prev,
.browse-p .p-next {
    top: -140px;
}

.browse-p .p-prev {
    left: -20px !important;
}

.browse-p .p-next {
    right: -20px !important;
}

.variant-table {
    background: var(--color-wind-sand) !important;
    border: 1px solid var(--color-cream) !important;
    padding: 15px !important;
}

.cart-content h4 {
    margin-bottom: 20px !important;
    font-weight: bold;
}

.products-inline > div .p .p-in .p-bottom > div .p-tools .to-cart-text {
    display: inline-block !important;
}

.comments {
    background: var(--color-concrete) !important;
    margin-bottom: 10px !important;
}

.id-1 .news-item-widget time {
    display: none !important;
}

.box-sm.box-productRating {
    margin-top: 20px !important;
}

.news-item time,
.news-item-detail time {
    border-bottom: 1px solid var(--color-concrete) !important;
    padding-bottom: 10px !important;
}

.sidebar .banner-wrapper {
    padding-top: 15px
}

.sidebar-inner .banner {
    padding: 0px !important;
}

.box-newsletter h4 {
    font-size: 18px !important;
}

.sidebar-inner > div {
    padding: 10px 0 !important;
}

.in-blog .container.breadcrumbs-wrapper,
.in-navody .container.breadcrumbs-wrapper,
.in-novinky-ve-svete-vapingu .container.breadcrumbs-wrapper,
.in-poradna-vapingu .container.breadcrumbs-wrapper,
.in-pozitiva-e-cigaret-v-mediich .container.breadcrumbs-wrapper,
.in-recenze-testy .container.breadcrumbs-wrapper,
.in-blog .banner5,
.in-navody .banner5,
.in-novinky-ve-svete-vapingu .banner5,
.in-poradna-vapingu .banner5,
.in-pozitiva-e-cigaret-v-mediich .banner5,
.in-recenze-testy .banner5 {
    display: none !important;
}

.sidebar .nejnovejsi-prispevky-vlevo {
    text-transform: uppercase !important;
}

.sidebar .nejnovejsi-prispevky-vlevo-nazev {
    font-size: 18px !important;
    background: var(--color-pampas) !important;
    padding: 10px !important;
    text-transform: none !important;
    color: var(--color-dove) !important;
    font-weight: bold !important;
    padding-left: 10px !important;
}

.sidebar .nejnovejsi-prispevky-vlevo-polozka {
    text-transform: none !important;
    padding: 5px !important;
    border-bottom: 1px solid var(--color-pampas) !important;
    padding-left: 10px !important;
}

.sidebar .nejnovejsi-prispevky-vlevo-polozka a {
    color: var(--color-dove) !important;
}

.sidebar .nejnovejsi-prispevky-vlevo-polozka a:hover {
    color: var(--color-primary) !important;
}

#topArticles time {
    display: none !important;
}

.videa-vlevo img {
    width: 80%;
    text-align: center !important;
    margin: a
}

.videa-vlevo {
    text-align: center !important;
}

.videa-vlevo img:hover {
    opacity: 0.8 !important;
}

.videa-vlevo img:first-child {
    margin-bottom: 20px !important;
}

.sidebar .nadpis-kategorii {
    font-size: 18px !important;
    background: var(--color-primary) !important;
    width: 116% !important;
    color: var(--color-white) !important;
    padding: 5px 10px !important;
    font-weight: bold !important;
    margin-left: -20px !important;
    margin-right: 20px !important;
}

.sidebar .box-newsletter {
    border: 1px solid var(--color-concrete) !important;
    padding: 10px !important;
    background: var(--color-pampas) !important;
    margin-bottom: 10px !important;
}

.sidebar .box-newsletter p,
.sidebar .box-newsletter label {
    color: var(--color-dove) !important;
    line-height: 20px !important;
}

.socialni-site {
    background: var(--color-tundora) !important;
    width: 100% !important;
    display: inline-block !important;
    height: 52px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.sidebar .socialni-site-uvnitr {
    border-top: 1px solid var(--color-pampas) !important;
    height: 44px !important;
    border-bottom: 1px solid var(--color-pampas) !important;
    position: relative !important;
    top: 4px !important;
}

.socialni-site a {
    color: var(--color-white) !important;
    padding: 18px !important;
    margin-top: 10px !important;
    line-height: 45px !important;
    font-size: 22px !important;
}

.banner13 .socialni-site a {
    color: var(--color-white) !important;
    padding: 18px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    line-height: 45px !important;
    font-size: 22px !important;
}

.socialni-site a:hover {
    color: var(--color-primary) !important;
}

.news-item {
    margin-bottom: 0px !important;
    padding-bottom: 30px !important;
    border-bottom: 0px solid var(--color-concrete) !important;
    padding-top: 40px;
}

.news-item time .autor-clanku::before,
.news-item-detail time .autor-clanku::before,
.news-item time::before,
.news-item-detail time::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px !important;

}

.news-item time .autor-clanku::before,
.news-item-detail time .autor-clanku::before {
    content: "\f007";
    margin-left: 15px !important;
}

.news-item time::before,
.news-item-detail time::before {
    content: "\f073";
}

.news-item .text .title {
    font-weight: bold !important;
}

.detail-parameters .question-tooltip {
    margin-left: 3px !important;
}

.detail-parameters tr th {
    display: flex;
    flex-direction: row;
}

.type-category .banner11,
.type-category .banner13,
.type-category .banner14,
.type-category .banner15,
.type-category .banner10 {
    display: none !important;
}

.detail-parameters tr th span.question-tooltip {
    order: 1 !important;
}

.detail-parameters tr th span {
    order: 3 !important;
}

.detail-parameters th {
    padding: 5px 10px !important;
}

.detail-parameters {
    width: 100% !important;
}

.sidebar .blog-menu a[href="/blog/"] {
    padding: 5px 10px !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.in-blog .sidebar .blog-menu a[href="/blog/"],
.in-navody .sidebar .blog-menu a[href="/navody/"],
.in-novinky-ve-svete-vapingu .sidebar .blog-menu a[href="/novinky-ve-svete-vapingu/"],
.in-poradna-vapingu .sidebar .blog-menu a[href="/poradna-vapingu/"],
.in-pozitiva-e-cigaret-v-mediich .sidebar .blog-menu a[href="/pozitiva-e-cigaret-v-mediich/"],
.in-recenze-testy .sidebar .blog-menu a[href="/recenze-testy/"],
.blog-menu a:hover {
    background: var(--color-blog-red) !important;
}

.blog-menu div {
    border: 1px solid var(--color-white) !important;
}

.blog-menu div a {
    display: inline-block !important;
    width: 100% !important;
    color: var(--color-white) !important;
    background: var(--color-primary) !important;
    padding: 5px 20px !important;
}

.in-blog .sidebar,
.in-navody .sidebar,
.in-recenze-testy .sidebar,
.in-pozitiva-e-cigaret-v-mediich .sidebar,
.in-poradna-vapingu .sidebar,
.in-blog .sidebar,
.in-novinky-ve-svete-vapingu .sidebar {
    display: inline-block !important;
    margin-top: 1px !important;
}

.tooltip-inner {
    color: var(--color-black) !important;
    background: var(--color-white) !important;
}

.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.bottom .tooltip-arrow {
    border-top-color: gray;
}

.header-top {
    padding-top: 0px !important;
}

.top-navigation-contacts a:before {
    color: var(--color-nepal) !important;
    background: transparent !important;
    margin-right: 0px !important;
}

.top-navigation-contacts a {
    text-decoration: underline !important;
}

.top-navigation-contacts a[href="/"]::before,
.top-navigation-contacts .vse-o-nakupu::before,
.top-navigation-contacts a[href="/blog/"]::before,
.top-navigation-contacts a[href="/kontakty/"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.top-navigation-contacts a[href="/"]::before {
    content: "\f015";
}

.top-navigation-contacts .vse-o-nakupu::before {
    content: "\f07a";
}

.top-navigation-contacts a[href="/blog/"]::before {
    content: "\f05a";
}

.top-navigation-contacts a[href="/o-nas/"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f007";
}

.top-navigation-contacts a[href="/vapoo-premium-slevy-a-vyhody/"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f521";
}

.top-navigation-contacts a[href="/kontakty/"]::before {
    content: "\f0e0";
}

.top-navigation-contacts .project-email,
.top-navigation-contacts .project-phone,
.welcome-wrapper,
.h4.homepage-group-title.lefth4 {
    display: none !important;
}

.type-page .breadcrumbs-wrapper,
.in-blog .breadcrumbs-wrapper,
.type-detail .breadcrumbs-wrapper,
.in-recenze-testy .breadcrumbs-wrapper,
.in-pozitiva-e-cigaret-v-mediich .breadcrumbs-wrapper,
.in-poradna-vapingu .breadcrumbs-wrapper,
.in-novinky-ve-svete-vapingu .breadcrumbs-wrapper {
    display: block !important;
}

.detail-parameters tr td {
    font-weight: normal !important;
}

.detail-parameters tr:nth-last-child(2n) {
    background: var(--color-cream) !important;
}

.kategorie-banner {
    margin-bottom: 5px !important;
}

.shp-tabs-holder ul.shp-tabs li:first-of-type {
    margin-left: 0px !important;
}

#productDiscussion,
#manufacturerDescription,
#productVideos,
#relatedFiles,
#ratingTab {
    padding-top: 20px !important;
    padding-left: 20px !important;
}

#parametry {
    padding-left: 20px !important;
}

#tab-content {
    border-bottom: 1px solid var(--color-cream) !important;
    border-left: 1px solid var(--color-cream) !important;
    border-right: 1px solid var(--color-cream) !important;
}

.responsive-nav,
.category-header {
    margin-bottom: 0px !important;
}

.navigation-in ul li a[href="/blog/"]::after {
    content: '\e914';
    font-family: 'shoptet';
    font-size: 80% !important;
    margin-left: 6px !important;
    display: inline-block;
}

.navigation-in > ul > li > a:hover {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

@media screen and (min-width: 900px) {
    .navigation-in ul li a[href="/nove-produkty/"] {
        margin-right: 10px !important;
        margin-left: 40px !important;
    }

    .navigation-in ul li a[href="/ecigarety-akce/"] {
        margin-right: 10px !important;
    }

    .navigation-in ul li a[href="/blog/"] {
        margin-left: 40px !important;
    }
}

.navigation-in ul li a[href="/nove-produkty/"],
.navigation-in ul li a[href="/ecigarety-akce/"],
.navigation-in ul li a[href="/ecigarety-vyprodej/"] {
    border-bottom: 3px solid !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navigation-in ul li a[href="/nove-produkty/"] {
    border-bottom-color: var(--color-primary-hover) !important;
}

.navigation-in ul li a[href="/ecigarety-akce/"] {
    border-bottom-color: var(--color-monza) !important;
}

.navigation-in ul li a[href="/ecigarety-vyprodej/"] {
    border-bottom-color: var(--color-bali-hai) !important;
}

.navigation-in ul li a[href="/blog/"] {
    color: var(--color-christi) !important;
    border-left: 1px solid var(--color-christi) !important;
}

.navigation-in,
.menu-helper {
    line-height: 24px !important;
}

.news-item-detail .share p,
.news-item-detail .share {
    text-align: center;
    margin-bottom: 7px;
}

.next-prev.text-center {
    text-align: right !important;
}

.p-detail-info {
    padding-left: 5px !important;
}

.navigation-in > ul > li > a {
    font-size: 16px !important;
}

.entrance-protection-wrapper,
.entrance-protection,
.entrance-protection-inner {
    background: var(--color-white) !important;
}

.site-msg.information {
    position: absolute;
    z-index: 10;
    bottom: auto;
    top: -4px;
    left: 50%;
    margin-left: -200px;
    max-width: none;
    width: 400px;
    opacity: 1;
    box-shadow: none;
    color: var(--color-chicago);
    text-align: center;
    background: transparent;
    text-transform: uppercase;
}

.site-msg.information .text {
    padding-right: 0px;
}

.site-msg.information .close.js-close-information-msg {
    display: none !important;
}

.msg.msg-success,
.msg.msg-notice {
    border-color: var(--color-emperor);
    color: var(--color-white);
    background-color: var(--color-emperor);
}

.msg-info,
.msg-warning,
.msg.msg-success {
    background: var(--color-emperor) !important;
    border: 0px !important;
    color: var(--color-white) !important;
    font-weight: 700 !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.top-navigation-bar {
    padding-top: 8px !important;
    padding-bottom: 6px !important;
    background: #080f15 !important;
    border: 0px !important;
    color: var(--color-emperor);
    text-transform: none;
    font-size: 90%;
}

.top-navigation-bar .container {
    position: relative;
}

.header-top .cart-count span,
.top-navigation-bar a,
.site-msg.information a {
    color: var(--color-white);
}

.top-navigation-bar a:hover,
.site-msg.information a:hover {
    color: var(--color-primary)
}

.top-navigation-bar a:hover:before {
    background: var(--color-black)
}

.top-navigation-bar .top-navigation-menu {
    display: none !important;
}

.top-navigation-bar .project-email {
    text-transform: none !important;
}

.top-navigation-bar .dropdown > span {
    display: inline;
}

.top-navigation-bar .dropdown > span:before {
    content: '\e926';
}

.top-navigation-bar .dropdown button {
    color: var(--color-emperor);
    transition: 350ms;
}

.top-navigation-bar .dropdown button:hover {
    color: var(--color-primary);
}

#header .site-name a img {
    position: relative;
    top: 0px;
    max-height: 70px;
}

.extended-banner-title {
    top: 50%;
    left: 10%;
    width: 80%;
    text-shadow: 0px 0px 30px var(--color-white) !important;
    box-shadow: none;
    padding: 0px;
    background: transparent;
    border: 0px;
    font-weight: 700;
    color: var(--color-black);
    font-size: 280%;
    text-transform: uppercase;
    margin-top: -20px;
    opacity: 0;
    filter: alpha(opacity=0, style=0);
    transition: 350ms;
}

.banner-wrapper a:hover .extended-banner-title {
    opacity: 0.95;
    filter: alpha(opacity=95, style=0);
}

#carousel .extended-banner-title {
    display: none;
}

#carousel .extended-banner-text {
    color: var(--color-white) !important;
    font-weight: 700 !important;
    background: var(--color-cinnabar) !important;
    box-shadow: none !important;
    border: 0px !important;
    font-size: 340% !important;
    padding: 20px !important;
    bottom: auto !important;
    left: 6% !important;
    top: 30px !important;
    font-family: 'Exo 2' !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

#carousel .extended-banner-text span {
    font-size: 40% !important;
    text-transform: none !important;
    font-weight: 400 !important;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
}

#carousel .extended-banner-link {
    color: var(--color-cinnabar) !important;
    font-weight: 700 !important;
    background: var(--color-white) !important;
    box-shadow: none !important;
    border: 0px !important;
    font-size: 120% !important;
    padding: 15px 25px 15px 25px !important;
    right: auto !important;
    height: auto !important;
    margin-top: 0px !important;
    top: auto !important;
    bottom: 30px !important;
    left: 6% !important;
    font-family: 'Exo 2' !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    border-radius: 60px;
}


.col-sm-4 .extended-banner-title {
    color: var(--color-white) !important;
    font-weight: 400 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
    font-size: 180% !important;
    font-family: 'Exo 2' !important;
    padding: 10px !important;
    text-shadow: 0px 0px 15px var(--color-black) !important;
}

.col-sm-4 .extended-banner-text {
    color: var(--color-white) !important;
    font-weight: 400 !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
    font-size: 100% !important;
    padding: 10px !important;
    text-shadow: 0px 0px 10px var(--color-black) !important;
    line-height: 1.2 !important;
}

.row.banners-row {
    margin: 0px;
}

.before-carousel .row.banners-row {
    display: flex;
}

.before-carousel {
    border: 0px !important;
    margin: 0px !important;
    background: transparent;
    padding: 15px 0px 0px 0px !important;
    overflow: hidden;
}

.wide-carousel {
    padding: 0px !important;
}

.before-carousel .container {
    margin: 0px auto 0px auto !important;
    padding: 0px !important;
}

.before-carousel .banners-row .col-sm-4 {
    padding: 0px !important;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper {
    margin: 0px !important;
    font-size: 100%;
    color: var(--color-white);
    padding: 20px 25px 32px 20px;
    border-left: 10px solid var(--color-white);
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper img {
    width: 100% !important;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper ul li {
    margin: 8px 0px 8px 0px;
    border-bottom: 1px solid var(--color-conifer);
    padding-bottom: 9px;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper ul li:nth-last-of-type(1) {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper ul li i {
    display: inline-block;
    width: 30px;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper h4 {
    font-size: 160%;
    margin: 0px 0px 20px 0px;
    color: var(--color-white);
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper:nth-last-of-type(1) {
    padding: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}

.before-carousel .banners-row .col-sm-4 .banner-wrapper:nth-last-of-type(1) img {
    height: 100%;
    width: auto !important;
    border-left: 10px solid var(--color-white);
}


.in-index .footer-banners.row {
    margin: 0px;
}

.in-index .footer-banners.row .logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 45px 0px 45px 0px;
}

.in-index .footer-banners.row .logos span {
    display: inline-block;
    margin: 15px 10px 15px 10px
}

.in-index .homepage-box.welcome-wrapper .welcome div,
.in-index .homepage-box.welcome-wrapper .welcome h1 {
    max-width: none;
}

.in-index .homepage-box.welcome-wrapper {
    border: 0px;
    background-color: var(--color-scorpion);
    margin-bottom: 0px;
    margin-top: 20px;
    color: var(--color-mercury);
}

.in-index .homepage-box.welcome-wrapper h1,
.in-index .homepage-box.welcome-wrapper h2 {
    color: var(--color-white);
    font-family: 'Exo 2';
    font-weight: 700;
}

.in-index .homepage-box.welcome-wrapper h2 {
    font-size: 110%;
}

.in-index .homepage-box.welcome-wrapper p {
    margin: 19px 0px 19px 0px;
    font-family: 'Exo 2';
}

.in-index .homepage-box.welcome-wrapper strong {
    color: var(--color-white);
}

h4.homepage-group-title.lefth4,
.h4.homepage-group-title.lefth4 {
    color: var(--color-scorpion);
    margin: 0px;
    font-size: 160%;
}


#footer {
    background: var(--color-mine-shaft);
    color: var(--color-alto);
}

#footer .custom-footer {
    position: relative;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 0px !important;
    background: #080F15;
    color: var(--color-alto);
    margin-top: 0px;
    flex-wrap: wrap;
}

#footer .custom-footer a {
    color: var(--color-alto);
}

#footer .custom-footer a:hover {
    color: var(--color-white);
}

.custom-footer .banner-wrapper > ul > li {
    margin-bottom: 4px;
}

#footer .custom-footer > div:nth-of-type(1) {
    width: 50%;
    background: var(--color-white);
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 8%;
    color: var(--color-scorpion);
}

#footer .custom-footer > div:nth-of-type(1) a.btn {
    font-size: 80%;
    padding: 2px 15px 2px 15px;
    position: relative;
    top: -9px;
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
}

#footer .custom-footer > div:nth-of-type(1) a.btn:hover {
    color: var(--color-white) !important;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

#footer .custom-footer > div:nth-of-type(2) {
    width: 21%;
    background: var(--color-white);
    padding-top: 45px;
    padding-bottom: 35px;
    color: var(--color-scorpion);
}

#footer .custom-footer > div:nth-of-type(3) {
    width: 29%;
    background: var(--color-white);
    padding-top: 45px;
    padding-bottom: 35px;
    padding-right: 8%;
    color: var(--color-scorpion);
}

#footer .custom-footer > div:nth-of-type(1) h4,
#footer .custom-footer > div:nth-of-type(2) h4,
#footer .custom-footer > div:nth-of-type(3) h4 {
    color: var(--color-monza);
}

/*
#footer .custom-footer > div:nth-of-type(2) h4:before {
    content: '\f059';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
*/
#footer .custom-footer > div:nth-of-type(3) h4:before {
    content: '\f167';
    font-family: "Font Awesome 5 Brands";
}

#footer .custom-footer > div:nth-of-type(1) a,
#footer .custom-footer > div:nth-of-type(2) a,
#footer .custom-footer > div:nth-of-type(3) a {
    color: var(--color-scorpion);
}

#footer .custom-footer > div:nth-of-type(1) a:hover,
#footer .custom-footer > div:nth-of-type(2) a:hover,
#footer .custom-footer > div:nth-of-type(3) a:hover {
    color: var(--color-mine-shaft);
}

#footer .custom-footer > div:nth-of-type(1),
#footer .custom-footer > div:nth-of-type(2),
#footer .custom-footer > div:nth-of-type(3) {
    display: none;
}

.in-index #footer .custom-footer > div:nth-of-type(1),
.in-index #footer .custom-footer > div:nth-of-type(2),
.in-index #footer .custom-footer > div:nth-of-type(3) {
    display: block;
}


#footer .custom-footer > div:nth-of-type(4) {
    width: 29%;
    background: #080F15;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-left: 8%;
}

#footer .custom-footer > div:nth-of-type(5) {
    width: 21%;
    background: #080F15;
    padding-top: 45px;
    padding-bottom: 35px;
}

#footer .custom-footer > div:nth-of-type(6) {
    width: 21%;
    background: #080F15;
    padding-top: 45px;
    padding-bottom: 35px;
}

#footer .custom-footer > div:nth-of-type(7) {
    width: 29%;
    background: #080F15;
    padding-top: 45px;
    padding-bottom: 35px;
    padding-right: 8%;
}

#footer .custom-footer > div:nth-of-type(8) {
    width: 100%;
    background: #080F15;
    padding-top: 0px;
    padding-bottom: 25px;
    padding-left: 8%;
    padding-right: 8%;
    text-align: center;
}

#footer .custom-footer > div:nth-of-type(8) .banner,
.banner-wrapper,
.carousel-inner {
    color: #19191a;
}

#footer .custom-footer > div:nth-of-type(2) a,
#footer .custom-footer > div:nth-of-type(3) a {
    text-decoration: underline;
}

#footer .custom-footer > div:nth-of-type(5) a:hover,
#footer .custom-footer > div:nth-of-type(4) a:hover,
#footer .custom-footer > div:nth-of-type(6) a:hover,
#footer .custom-footer > div:nth-of-type(7) a:hover {
    text-decoration: underline;
}


#footer .custom-footer > div h4 {
    color: var(--color-white);
    font-weight: 700;
}

.contact-box ul li {
    padding-top: 6px;
    padding-bottom: 6px;
}

.contact-box ul li > span {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    margin-bottom: 7px;
}

.contact-box ul li > span::before {
    position: absolute;
    left: 0px;
    top: -3px;
    width: 26px;
    font-size: 14px;
    text-align: center;
    /* background: var(--color-mine-shaft); */
    height: 26px;
    color: var(--color-white);
    line-height: 26px;
    border-radius: 40px;
}

.contact-box ul li > span.blog::before {
    content: '\e914';
}

.contact-box ul li > span.kontakt::before {
    content: '\e91f';
}

.custom-footer ul {
    line-height: 1.3;
}

.custom-footer .form-group label {
    line-height: 1.3 !important;
    font-size: 90%;
    margin-top: 6px;
}

.custom-footer .subscribe-form br {
    display: none;
}

.custom-footer .btn.btn-default {
    color: var(--color-white);
    border-color: var(--color-monza);
    background-color: var(--color-monza);
}

.custom-footer .btn.btn-default:hover {
    color: var(--color-white);
    border-color: var(--color-mine-shaft);
    background-color: var(--color-mine-shaft);
}

.custom-footer .news-item-widget h5:before {
    content: '\2022';
    font-size: 160%;
    margin-right: 6px;
    position: relative;
    top: 1px;
}

.logos img {
    max-height: 35px;
    margin: 0px 20px 20px 0px;
}


#footer .site-name {
    display: none !important;
}

#footer .custom-footer h4 {
    font-weight: 400;
    font-size: 140%;
}

#footer .custom-footer h4::before {
    position: relative;
    display: inline-block;
    margin-right: 6px;
}

#footer .footer-bottom {
    border-top: 0px;
    font-size: 90%;
    background: transparent;
}

#footer .footer-bottom a {
    color: var(--color-white);
}

#footer .footer-bottom a:hover {
    color: var(--color-black);
}

#footer .container.footer-rows {
    margin: 0px !important;
    width: 100% !important;
}

.header-top .btn.cart-count::before {
    vertical-align: middle;
    margin-right: 6px;
    font-size: 17px;
    background: var(--color-secondary);
    color: var(--color-white);
    display: inline;
    padding: 11px;
    border-radius: 40px;
    transition: 350ms;
}

.header-top .btn.cart-count:hover::before {
    background: var(--color-black);
}

.header-top .btn.cart-count i {
    left: 23px;
    top: -11px;
    background-color: var(--color-cinnabar);
}

body:not(.in-index) .products-block {
    margin-right: -12px;
    margin-left: -10px;
    margin-top: -1px;
}

.mobile .products-block.products > div {
    padding: 10px !important;
}

.products > div {
    border-color: var(--color-white);
}

.products-block .p {
    position: relative;
    border: 1px solid var(--color-swiss-coffee);
    padding: 15px;
}

.products-block.products .p .name {
    font-weight: 700;
    text-align: center;
}

.latest-contribution-wrapper h2 {
    font-weight: 700;
    color: var(--color-monza);
}

#content {
    padding-bottom: 30px;
}

#content h1,
#content h2,
#content h3,
#content h4,
#footer h4,
div.h4,
.news-item .text a.title,
#topBoxes .head {
    text-transform: none;
}

#content h1,
#content h3 {
    color: var(--color-mine-shaft) !important;
}

#content #tab-content h3 {
    color: var(--color-primary) !important;
}

#content .add-to-cart-button,
#continue-order-button,
#orderFormButton,
#submit-order {
    color: var(--color-white);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

#content .btn:hover,
.product .btn:hover,
#footer .btn:hover,
.search .btn:hover,
#content .add-to-cart-button:hover {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

#continue-order-button:hover,
#orderFormButton:hover,
#submit-order:hover {
    color: var(--color-white);
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

#content #discussion-form .btn:hover {
    color: var(--color-white);
    background-color: var(--color-primary-hover) !important;
    border-color: var(--color-primary-hover) !important;
}


.in-zapomenute-heslo #content .login-wrapper {
    padding-top: 0px;
}

.in-zapomenute-heslo #content .btn {
    color: var(--color-primary);
    background-color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    float: none !important;
}

.in-zapomenute-heslo #content .btn:hover {
    color: var(--color-white);
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}


.shp-tabs-row a[href$="#productsAlternative"] {
    display: none !important;
}

#tab-content {
    display: flex;
    flex-direction: column;
}

#productsAlternative {
    display: block !important;
    opacity: 1 !important;
    order: 99;
}

#productsAlternative:before {
    content: 'Podobné produkty';
    color: var(--color-black);
    text-transform: none;
    font-size: 180%;
    margin-top: 90px;
    margin-bottom: 15px;
    display: block;
}

.sidebar {
    background-color: var(--color-white);
    margin-top: 17px;
    display: none;
}

.type-category .sidebar {
    display: block;
}

.sidebar .banner {
    margin: 0px -20px 0px -20px;
    border: 0px;
}

.in-index .sidebar {
    margin-top: 2px;
}

.sidebar-inner {
    padding-top: 0px;
    display: flex;
    flex-direction: column;
}

.sidebar-inner > div.box-categories {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}

.box-categories h4 {
    display: none;
}

.in-index .box-categories h4 {
    display: block;
    color: var(--color-black);
    border-top: 4px solid var(--color-primary);
    margin: -2px -20px 0px -20px !important;
    padding: 15px 20px 15px 20px;
    font-size: 140%;
}

.box-bg-variant .categories a {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
    background: var(--color-concrete);
    margin-bottom: 2px;
    color: var(--color-black);
    font-weight: 400;
    font-size: 110%;
}

#categories .expandable > a > span::before,
#categories .expandable > .topic > a > span::before {
    content: '\e90e';
    font-family: 'shoptet';
    font-size: 36%;
    transform: rotate(270deg);
}

#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
    top: 9px;
}

#categories .expandable > a > span,
#categories .expandable > .topic > a > span {
    font-size: 24px;
    color: var(--color-scorpion);
}

#categories .expandable > a > span,
#categories .expandable > .topic.active > a > span,
#categories .expandable > a > span,
#categories .expandable > .topic.child-active > a > span {
    left: auto;
    right: 15px;
}

#categories .expandable.expanded > a > span::before,
#categories .expandable.expanded > .topic > a > span::before {
    content: '\e90e';
    font-family: 'shoptet';
    font-size: 36%;
    transform: rotate(0deg);
}

.categories .topic.active > a {
    color: var(--color-white);
    background-color: var(--color-monza);
}

.box-bg-variant .categories a:hover,
.categories .topic.active > a:hover {
    background: var(--color-scorpion);
    color: var(--color-white);
}

#categories .expandable > a:hover > span,
#categories .expandable > .topic > a:hover > span {
    color: var(--color-white);
}


.sidebar-inner > div.filters-wrapper {
    background: var(--color-white);
    margin: 5px -20px 0px -20px !important;
    padding: 20px !important;
    border: 1px solid var(--color-wind-sand);
    order: -3;
}

.sidebar-inner > div.filters-wrapper .filter-sections {
    background-color: transparent;
}

.sidebar-inner > div.filters-wrapper input[type="checkbox"] + label::before,
.sidebar-inner > div.filters-wrapper input[type="radio"] + label::before {
    border-color: var(--color-white);
}

.sidebar-inner > div.filters-wrapper .filter-total-count {
    color: var(--color-black);
}

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

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

.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before {
    content: '\e921';
}


.breadcrumbs {
    background-color: transparent;
    border: 0px;
    color: var(--color-boulder);
}

.breadcrumbs a {
    color: var(--color-boulder);
}

.breadcrumbs > span > a::before {
    display: none;
}

.breadcrumbs > span > a::after {
    bottom: 10%;
    transform: rotate(30deg);
    background-color: var(--color-silver);
}

.navigation-home-icon-wrapper::before {
    font-size: 11px;
    line-height: 11px;
    background: var(--color-dusty);
    padding: 5px;
    color: var(--color-white);
    border-radius: 36px;
}

#content .flexContent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 15px 0px 15px 0px;
}

#content .flexContent .flexBox {
    box-sizing: border-box;
    background: var(--color-gallery);
    padding: 10px 20px 10px 20px;
    width: 30%;
}

#content .flexContent .flexBox .cas {
    display: inline-block;
    font-weight: bold;
    width: 60px;
}

.type-category #content .category-perex table {
    width: 100% !important;
}

.homeColumns,
.homeColumns2 {
    display: flex;
    flex-wrap: wrap;
    color: var(--color-white);
}

.welcome div.homeColumns {
    margin-left: -30px;
    margin-right: -30px;
}

.homeColumns .homeColumn {
    width: 33.33%;
    box-sizing: border-box;
}

.homeColumns2 .homeColumn2 {
    width: 25%;
    box-sizing: border-box;
    border-left: 1px solid var(--color-flamingo);
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
}

.homeColumns2 .homeColumn2 .icon {
    margin: 10px 0px -10px 0px;
    font-size: 280%;
}

.homeColumns2 .homeColumn2:nth-of-type(1) {
    border-left: 0px;
    padding-left: 0px;
}

.homeColumns2 .homeColumn2:nth-last-of-type(1) {
    padding-right: 0px;
}

.homeColumns .homeColumn:nth-of-type(1) {
    padding-left: 30px;
    padding-right: 30px;
}

.homeColumns .homeColumn:nth-of-type(2) {
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid var(--color-gray);
    border-right: 1px solid var(--color-gray);
}

.homeColumns .homeColumn:nth-of-type(3) {
    padding-left: 30px;
    padding-right: 30px;
}

.homeColumns .homeColumn h2,
.homeColumns2 .homeColumn2 h2 {
    color: var(--color-white);
    font-weight: 700;
    font-size: 110%;
}

.homeColumns .homeColumn a,
.homeColumns2 .homeColumn2 a {
    font-weight: bold;
    color: var(--color-white);
    text-decoration: underline;
}

.homeColumns .homeColumn a:hover,
.homeColumns2 .homeColumn2 a:hover {
    color: var(--color-alto);
    text-decoration: none;
}

.homeColumns .homeColumn {
    display: flex;
    flex-wrap: wrap;
}

.homeColumns .homeColumn .homeColumnImage {
    width: 35%;
    margin-right: 5%;
    margin-top: 20px;
}

.homeColumns .homeColumn .homeColumnText {
    width: 60%;
}


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

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

.product .btn.btn-primary {
    color: var(--color-white);
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.product .p:hover .btn.btn-primary {
    color: var(--color-white);
    border-color: var(--color-secondary-hover);
    background-color: var(--color-secondary-hover);
}

.product .btn.btn-primary:hover,
.product .p:hover .btn.btn-primary:hover {
    color: var(--color-white);
    border-color: var(--color-mine-shaft);
    background-color: var(--color-mine-shaft);
}

h4.homepage-group-title,
.h4.homepage-group-title {
    margin-top: 30px;
    text-align: center;
    font-weight: 700;
    color: var(--color-monza);
}

.content-wrapper.homepage-box:not(.welcome-wrapper):not(.before-carousel) {
    border: 0px;
    background: var(--color-monza);
    color: var(--color-white);
}

.content-wrapper.homepage-box:not(.welcome-wrapper):not(.before-carousel) .banner-wrapper {
    color: var(--color-white);
}


.products-inline.products-top > div .p {
    position: relative;
    border: 1px solid var(--color-swiss-coffee);
    font-size: 90%;
    padding: 10px;
    overflow: hidden;
}

.products-inline.products-top {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}


#topCategory {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 13px;
}

#topImage {
    width: 100%;
}

#topImage img {
    width: 100%;
}

#topArticles {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: var(--color-alabaster);
}

#topArticles > div {
    width: 50%;
    padding: 25px;
    color: var(--color-scorpion);
}

#topArticles > div h4 {
    color: var(--color-monza);
    font-weight: 700;
    font-size: 140%;
    margin: 0px 0px 10px 0px;
}

#topArticles > div .news-item-widget {
    margin-bottom: 0px;
}

#topArticles > div > h4:before {
    margin-right: 6px;
}

#topArticles > div:nth-of-type(1) > h4:before {
    content: '\f059';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#topArticles > div:nth-of-type(2) > h4:before {
    content: '\f167';
    font-family: "Font Awesome 5 Brands";
}

#topArticles > div a {
    color: var(--color-scorpion);
    text-decoration: underline;
}

#topArticles > div a:hover {
    color: var(--color-mine-shaft);
    text-decoration: none;
}

#topArticles > div .news-item-widget h5:before {
    content: '\2022';
    font-size: 160%;
    margin-right: 6px;
    position: relative;
    top: 1px;
}

#topArticles > div:nth-of-type(1) {
    border-right: 10px solid var(--color-white);
}

#topArticles > div:nth-of-type(2) {
    border-left: 10px solid var(--color-white);
}

.sidebar-inner > div.filters-wrapper input[type="checkbox"] + label::before,
.sidebar-inner > div.filters-wrapper input[type="radio"] + label::before {
    border-color: var(--color-alto);
}

.filter-count {
    background-color: var(--color-wind-sand);
}

.products-block .ratings-wrapper .availability {
    font-size: 100%;
    font-weight: bold;
}

.products-block.products .p .price strong {
    color: var(--color-monza);
}

.price-final {
    color: var(--color-monza);
}

.sidebar h4,
.sidebar .h4 {
    text-transform: none;
}

.filter-count {
    background-color: var(--color-white);
    color: var(--color-silver);
    border-left: 1px solid var(--color-alto);
    border-right: 1px solid var(--color-alto);
    padding: 0px 6px;
}

.subcategories li a {
    color: var(--color-black);
}

.sidebar .banner4 h4 {
    margin-bottom: 18px;
    font-size: 120%;
    color: var(--color-monza);
    margin-top: 0px;
}

.sidebar .banner4 ul {
    margin: 0px 0px 0px 2px;
    color: var(--color-dove);
    padding: 0px;
    list-style-type: none;
    font-size: 95%;
}

.sidebar .banner4 ul > li {
    margin-bottom: 9px;
}

.sidebar .banner4 ul > li i {
    color: var(--color-monza);
    font-size: 140%;
    display: inline-block;
    width: 25px;
    position: relative;
    top: 1px;
}

#tab-content {
    flex-direction: row;
}

.shp-tabs-holder {
    background-color: var(--color-white);
    border-bottom: 2px solid var(--color-cream);
}

.shp-tabs {
    background-color: var(--color-white);
    border-bottom: 0px;
}

.shp-tabs-holder ul.shp-tabs li {
    margin-left: 8px !important;
    border: 1px solid var(--color-cream);
    background: var(--color-wind-sand);
    border-bottom: 0px;
}

.shp-tabs-holder ul.shp-tabs li.active {
    background: var(--color-white);
    position: relative;
    top: 2px;
}

.type-detail .p-info-wrapper {
    display: flex;
    flex-direction: column;
}

.type-detail .p-info-wrapper > .p-short-description {
    order: -5;
    font-style: italic !important;
}

.type-detail .p-info-wrapper > .detailInfoVyhody {
    order: -4;
}

.type-detail .p-info-wrapper > .detailInfoBanner {
    order: -3;
}

.type-detail .p-info-wrapper > .p-final-price-wrapper {
    order: -2;
}

.type-detail .p-info-wrapper > .add-to-cart {
    order: -1;
}

#choose-variant {
    display: none !important;
}

.products-inline.products-top > div .p .p-tools {
    display: block !important;
    position: absolute;
    right: 6px;
    bottom: 6px;
}

.products-inline.products-top > div .p .p-tools .btn {
    padding: 0px 10px;
    font-size: 11px;
}

.products-inline.products-top > div .p .p-tools .btn-cart {
    padding: 0px 10px 0px 7px;
}

.products-inline > div .p .p-in .p-bottom > div .p-tools .btn-cart::before {
    font-size: 15px;
    line-height: 15px;
    margin-top: -3px;
    margin: -4px 4px 0px 0px;
}

.social-buttons-wrapper .social-buttons.no-display {
    opacity: 1;
    z-index: 1;
    min-height: 0px;
    min-width: 0px;
}

a.link-icon.share {
    display: none;
}

.social-buttons > div.close-wrapper {
    display: none;
}

.link-icons {
    margin: 0px;
    justify-content: flex-end;
    width: 100%;
}

a.link-icon {
    color: var(--color-mine-shaft);
    font-weight: 700;
}

.link-icon::before {
    display: inline-block;
    margin-bottom: 1px;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
}


.p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 0px;
    border: 1px solid var(--color-cream);
    border-bottom: 0px;
    background: var(--color-wind-sand);
    padding: 20px 20px 0px 20px;
    min-height: 90px;
}

.p-info-wrapper .availability-value {
    margin-bottom: 10px;
    border: 1px solid var(--color-cream);
    border-top: 0px;
    background: var(--color-wind-sand);
    padding: 0px 20px 20px 20px;
    font-size: 14px;
}

.p-info-wrapper .p-final-price-wrapper span.price-standard:before,
.p-info-wrapper .p-final-price-wrapper strong.price-final:before,
.p-info-wrapper span.availability-label:before,
.p-info-wrapper .p-final-price-wrapper span.price-additional:before {
    display: inline-block;
    width: 120px;
    color: var(--color-dove) 666;
    font-size: 14px;
}

.p-info-wrapper .p-final-price-wrapper span.price-standard:before {
    content: 'Standardní cena:';
}

.p-info-wrapper .p-final-price-wrapper span.price-additional:before {
    content: 'Cena bez DPH:';
}

.p-info-wrapper .p-final-price-wrapper strong.price-final:before {
    width: 115px;
    color: var(--color-monza);
    position: relative;
    top: -3px;
}

.p-info-wrapper .p-final-price-wrapper .price-save {
    color: var(--color-silver);
}

.p-info-wrapper .p-final-price-wrapper span.price-save:before {
    content: 'ušetříte:';
    color: var(--color-dove);
}

.p-info-wrapper span.availability-label:before {
    content: 'Dostupnost:';
}

.p-info-wrapper span.availability-label {
    display: none;
}

.p-info-wrapper .delivery-time {
    display: inline;
}

.p-info-wrapper .detailInfoBanner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.p-info-wrapper .detailInfoBanner .detailInfoBannerImg {
    text-align: left;
}

.p-info-wrapper .detailInfoBanner .detailInfoBannerImg img {
    max-width: 100%;
    max-height: 55px;
}

.p-info-wrapper .detailInfoBanner .detailInfoBannerLogo img {
    max-width: 220px;
    max-height: 55px;
}

.p-info-wrapper .detailInfoBanner .detailInfoBannerLogo {
    margin-left: 20px;
    text-align: right;
}

.shp-tabs-holder ul.shp-tabs li a {
    color: var(--color-black);
}

.p-info-wrapper .detailInfoVyhody {
    margin: 5px 0px 25px 0px;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid var(--color-cream);
    border-bottom: 1px solid var(--color-cream);
}

.p-info-wrapper .detailInfoVyhody i {
    color: var(--color-primary-hover);
    margin: 0px 3px 0px 30px;
}

.content-wrapper {
    background-color: transparent;
}

.p-detail-inner-header {
    overflow: hidden;
}

.products-related .p .availability,
.tab-content .p .availability {
    display: block;
    margin-top: -10px !important;
}

span.parameter-dependent:after {
    content: ' ';
    display: block;
}


#content h4 {
    margin-bottom: 7px;
}

.detail-parameters th {
    font-weight: bold;
    color: var(--color-dove);
}

.related-sm-screen-show .p-tools {
    bottom: 20px !important;
}

.subcategories.with-image li a .image img {
    max-height: 50px;
}

.subcategories.with-image li a .image {
    width: 25%;
}

.subcategories li a {
    height: 55px;
}


@media screen and (min-width: 768px) {
    .ordering-process #header {
        border-bottom-width: 58px;
    }

    .breadcrumbs {
        position: relative;
        top: 13px;
    }

    .breadcrumbs > span > a::before,
    .breadcrumbs > span > a::after {
        height: 50% !important;
    }

    .breadcrumbs > span > a::after {
        bottom: 25% !important;
    }

    .top-navigation-bar .container {
        display: block;
        align-items: center;
        text-align: right;
    }

    .top-navigation-bar .container > div:first-child {
        display: inline;
        margin-right: 20px;
        position: absolute;
        top: 16px;
        width: 40%;
        margin-left: -20%;
        text-align: center;
    }

    .top-navigation-bar .container > div:last-child {
        text-align: right;
        display: inline;
    }

    .top-navigation-bar a:before,
    .top-navigation-bar .dropdown > span:before {
        font-family: 'shoptet';
        position: relative;
        top: -1px;
        margin: 0px 4px 0px 8px;
        color: var(--color-white);
        background: var(--color-chicago);
        padding: 0px;
        width: 26px;
        text-align: center;
        border-radius: 36px;
        font-size: 100%;
        vertical-align: middle;
        display: inline-block;
        transition: 350ms;
    }

    .top-navigation-bar .top-navigation-contacts a:before {
        font-size: 115%;
    }

    .top-nav-button-login:before,
    .top-nav-button-account:before {
        content: '\e922';
    }

    .top-navigation-contacts a.project-phone {
        padding-right: 20px;
        font-weight: bold;
        color: var(--color-primary-hover);
    }

    .top-navigation-contacts a.project-phone:before {
        background: var(--color-primary-hover);
    }

    #header .search .form-control {
        border-color: var(--color-athens);
        background: var(--color-white);
        color: var(--color-black);
        padding-right: 40px;
    }

    #header .search .form-control::placeholder {
        color: var(--color-emperor);
    }

    #header .search .btn {
        padding: 1px 9px 4px;
        height: 36px;
        line-height: 34px;
        width: 36px;
        text-align: center;
        top: 0px;
        right: 0px;
        background: var(--color-christi);
        color: var(--color-white);
        border-color: var(--color-christi);
        font-size: 0px;
    }

    #header .search .btn:before {
        content: '\e920';
        font-family: 'shoptet';
        font-size: 16px;
    }

    #header .search .btn:hover {
        background: var(--color-black) !important;
        border-color: var(--color-black) !important;
        color: var(--color-white) !important;
    }

    #header {
        border-bottom: 58px solid var(--color-white);
        height: 145px;
        box-shadow: 0px 1px 0px var(--color-athens);
    }

    .header-top {
        height: 86px;
    }

    .menu-helper > span::before {
        background-color: var(--color-white);
        color: var(--color-dove);
    }

    #navigation {
        height: 58px;
        border-top: 1px solid var(--color-athens);
    }

    .navigation-in {
        background-color: transparent;
    }

    .navigation-in > ul > li > a {
        border-top: 0px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 100%;
        color: var(--color-dove);
    }

    .navigation-in > ul > li > a:hover,
    .navigation-in > ul > li.ext.exp > a {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .navigation-in > ul > li {
        border-left-color: var(--color-white);
        border: 0;
        padding-top: 0px;
        margin-top: 11px;
        margin-bottom: 11px;
    }

    .navigation-in > ul > li > a.active {
        color: var(--color-primary);
        background-color: var(--color-white);
    }

    .navigation-in > ul > li.ext.exp > ul {
        top: 47px;
        box-shadow: 0px 24px 30px 0px rgba(0, 0, 0, 0.3);
    }

    .navigation-in ul li a b,
    .menu-helper ul li a b {
        font-weight: 700;
    }


    .navigation-in > ul > li > a[href$="/znacka/"] {
        display: none !important;
    }

    .navigation-in > ul > li.ext > a:after {
        content: '\e90e';
        font-family: 'shoptet';
        font-size: 65%;
        margin-left: 5px;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li {
        font-size: 95%;
        width: 100%;
        margin: 2px 0px 3px 0px;
        color: var(--color-white);
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li:nth-of-type(1),
    .navigation-in > ul > li.ext > ul > li > div > ul > li:nth-of-type(2),
    .navigation-in > ul > li.ext > ul > li > div > ul > li:nth-of-type(3),
    .navigation-in > ul > li.ext > ul > li > div > ul > li:nth-of-type(4) {
        display: block;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li.showMore,
    .navigation-in > ul > li.ext > ul > li > div > ul > li.showLess {
        display: block !important;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul > li.showMore > a,
    .navigation-in > ul > li.ext > ul > li > div > ul > li.showLess > a {
        color: var(--color-primary);
    }

    .before-carousel .banners-row .col-sm-4 {
        width: 55%;
    }

    .before-carousel .col-sm-8 {
        width: 45%;
    }

    .navigation-in > ul > li.ext > ul > li {
        align-items: stretch;
        padding-bottom: 15px;
    }

    .navigation-in > ul > li.ext > ul > li > div > ul {
        max-height: none;
        overflow: visible;
    }

    .navigation-in > ul > li.ext > ul {
        padding-right: 25%;
        padding-top: 20px;
    }

    .navigation-in .has-third-level div > ul a {
        color: var(--color-boulder);
    }

    .navigation-in > ul > li.ext > ul > li > a {
        padding: 0px 20px 20px 20px;
    }

    .navigation-in > ul > li.ext > ul {
        background-repeat: no-repeat;
        background-position: top 5% right 25px;
        background-size: auto 90%;
    }
}

@media screen and (min-width: 992px) {
    #footer .custom-footer > div:nth-of-type(1) {
        width: 69%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(2) {
        width: 31%;
        padding-right: 3%;
    }

    #footer .custom-footer > div:nth-of-type(3) {
        width: 31%;
        padding-right: 3%;
        position: absolute;
        right: 0px;
        top: 180px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    #footer .custom-footer > div .news-item-widget {
        margin-bottom: 0px;
    }

    h4.homepage-group-title.lefth4,
    .h4.homepage-group-title.lefth4 {
        text-align: left;
    }
}

@media screen and (min-width: 1200px) {
    #topImage {
        width: 70%;
        box-sizing: border-box;
        padding-right: 23px;
    }

    #topArticles.inSide {
        width: 30%;
    }

    #topArticles.inSide > div {
        border: 0px !important;
    }

    #topArticles.inSide > div {
        width: 100%;
        padding: 20px;
    }

    #topArticles.inSide > div:nth-of-type(2) {
        margin-top: -10px;
    }

    #topArticles.inSide > div h4 {
        font-size: 120%;
    }

    .navigation-in > ul > li.ext > ul > li {
        flex-basis: 33.33%;
    }

    #footer .custom-footer > div:nth-of-type(1) {
        width: 71%;
        padding-left: 8%;
    }

    #footer .custom-footer > div:nth-of-type(2) {
        width: 29%;
        padding-right: 8%;
    }

    #footer .custom-footer > div:nth-of-type(3) {
        width: 29%;
        padding-right: 8%;
    }

    .content-inner {
        max-width: none;
    }

    .in-index .products-block > div {
        width: 25%;
    }

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

    .basic-description {
        width: 100%;
        padding-right: 0px;
    }

    .extended-description {
        width: 100%;
        padding-left: 0px;
        margin-top: 20px;
    }

    #description,
    #productDiscussion,
    #manufacturerDescription,
    #productVideos,
    #parametry,
    #relatedFiles,
    #ratingTab {
        width: 80%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    #productsAlternative {
        width: 20%;
    }

    #productsAlternative .products-block {
        flex-direction: column;
    }

    #productsAlternative .products-block.products-alternative > div {
        width: 100%;
    }

    #productsAlternative::before {
        font-size: 120%;
        background: var(--color-cream);
        padding: 7px 10px 5px 10px;
        margin: -36px -1px -10px 0px;
        text-align: center;
    }

    .col-xs-12.col-lg-6.p-image-wrapper {
        width: 40%;
    }

    .col-xs-12.col-lg-6.p-info-wrapper {
        width: 60%;
    }

    .p-info-wrapper .add-to-cart {
        justify-content: flex-end;
        margin: -70px 20px 14px 0px;
    }

    .p-info-wrapper .availability-value {
        margin-bottom: 10px;
    }

    .products-inline.products-top > div {
        display: flex;
    }

    .products-alternative .p-bottom {
        position: relative;
    }

    .products-alternative .p-bottom .p-tools {
        position: absolute;
        right: 0px;
        top: -7px;
    }

    .products-alternative .p-bottom .p-tools .btn {
        font-size: 12px;
    }

    .products-alternative .p-bottom .p-tools .btn.btn-cart {
        padding-left: 7px;
        padding-right: 9px;
    }

    .products-alternative .p-bottom .p-tools .btn.btn-cart::before {
        margin-right: 6px;
        font-size: 18px;
    }

    .p-detail-info {
        padding-left: 40%;
    }

    .p-detail-info > div:nth-of-type(1) {
        margin-left: 15px;
    }

    .col-xs-12.p-image-wrapper {
        padding-right: 0px;
    }
}

@media screen and (min-width: 1440px) {
    .before-carousel .banners-row .col-sm-4 .banner-wrapper {
        font-size: 115%;
    }

    .before-carousel .banners-row .col-sm-4 .banner-wrapper ul li {
        margin: 11px 0px 11px 0px;
        padding-bottom: 12px;
    }
}

@media screen and (min-width: 1800px) {
}


@media screen and (max-width: 1200px) {
    .before-carousel .banners-row .col-sm-4 .banner-wrapper ul li {
        margin: 6px 0px 6px 0px;
        padding-bottom: 6px;
    }

    .before-carousel .banners-row .col-sm-4 .banner-wrapper {
        font-size: 90%;
    }

    .before-carousel .banners-row .col-sm-4 .banner-wrapper h4 {
        margin: 0px 0px 14px 0px;
    }

    .before-carousel .banners-row .col-sm-4 .banner-wrapper ul li i {
        width: 20px;
    }

    #header .site-name a img {
        max-height: 40px;
        top: 1px;
    }

    .navigation-in > ul > li > a {
        font-size: 100%;
    }

    #carousel .extended-banner-text {
        font-size: 260% !important;
    }

    #carousel .extended-banner-link {
        font-size: 110% !important;
        padding: 15px 25px 15px 25px !important;
        bottom: 30px !important;
    }

    #footer .custom-footer > div:nth-of-type(4) {
        width: 26.5%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(5) {
        width: 23.5%;
    }

    #footer .custom-footer > div:nth-of-type(6) {
        width: 23.5%;
    }

    #footer .custom-footer > div:nth-of-type(7) {
        width: 26.5%;
        padding-right: 3%;
    }

    #footer .custom-footer > div:nth-of-type(8) {
        padding-left: 3%;
        padding-right: 3%;
    }

    .p-info-wrapper .availability-value {
        order: -2;
    }

    #tab-content {
        display: flex;
        flex-direction: column;
    }

    #productsAlternative {
        display: block !important;
        opacity: 1 !important;
        order: 99;
    }
}

@media screen and (max-width: 991px) {

    #footer .custom-footer > div:nth-of-type(6),
    #footer .custom-footer > div:nth-of-type(5) {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #footer .banner {
        min-height: 100px !important;
    }

    .subcategories {
        border-top: 1px solid var(--color-alto) !important;
    }

    /*  .category-perex {
          display: none !important;
      }*/
    .responsive-tools a:first-of-type {
        display: none !important;
    }

    #header .search-form {
        display: block !important;
        margin: 20px 0 !important;
    }

    .top-navigation-bar,
    .responsive-tools {
        background: #080f15 !important;
        border-color: #080f14 !important;
    }

    .top-navigation-bar a {
        color: var(--color-white) !important;
    }

    .homeColumns .homeColumn,
    .homeColumns2 .homeColumn2 {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
    }

    .homeColumns .homeColumn,
    .homeColumns2 .homeColumn2 {
        padding-left: 0px !important;
        padding-right: 0px !important;
        border: 0px !important;
    }

    .homeColumns .homeColumn .homeColumnImage {
        width: 100%;
        margin-right: 0%;
        text-align: center;
    }

    .homeColumns .homeColumn .homeColumnText {
        width: 100%;
    }

    #footer .custom-footer > div:nth-of-type(1) {
        width: 34.33%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(2) {
        width: 31.33%;
    }

    #footer .custom-footer > div:nth-of-type(3) {
        width: 34.33%;
        padding-right: 3%;
    }

    .before-carousel .row.banners-row {
        flex-wrap: wrap;
    }

    .before-carousel .row.banners-row .col-sm-8 {
        width: 100% !important;
    }

    .before-carousel .row.banners-row .col-sm-4 {
        width: 100% !important;
    }

    #carousel .extended-banner-text {
        font-size: 220% !important;
        top: 20px !important;
        padding: 15px !important;
    }

    #carousel .extended-banner-link {
        font-size: 100% !important;
        padding: 10px 15px 10px 15px !important;
        bottom: 20px !important;
    }

    .top-navigation-bar .dropdown > span {
        display: none;
    }

    #header .site-name a img {
        max-height: 32px;
        top: 2px;
    }

    .sidebar {
        margin-top: 2px;
    }

    #signature {
        flex: none;
        width: 100%;
        text-align: center;
    }

    #footer .copyright {
        flex: none;
        text-align: center;
        width: 100%;
    }

    #footer .custom-footer > div:nth-of-type(1) {
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }

    #footer .custom-footer > div:nth-of-type(2) {
        width: 50%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(3) {
        width: 50%;
        padding-right: 3%;
    }

    #footer .custom-footer > div:nth-of-type(4) {
        width: 50%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(5) {
        width: 50%;
        padding-right: 3%;
    }

    #footer .custom-footer > div:nth-of-type(6) {
        width: 50%;
        padding-left: 3%;
    }

    #footer .custom-footer > div:nth-of-type(7) {
        width: 50%;
        padding-right: 3%;
    }

    #footer .custom-footer h4 {
        font-size: 120%;
    }
}


@media screen and (max-width: 767px) {
    .homeColumns2 .homeColumn2 .text {
        display: none;
    }

    .p-info-wrapper .detailInfoBanner .detailInfoBannerLogo {
        margin-left: 5px;
    }

    #content .flexContent .flexBox {
        width: 100%;
        margin-bottom: 10px;
    }

    #header {
        border: 0px;
        margin-bottom: 0px;
    }

    .top-navigation-bar {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        color: var(--color-black);
    }

    .top-navigation-bar > .container {
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 12px;
    }

    .responsive-tools > a[data-target="navigation"] {
        right: 10px;
    }

    .responsive-tools {
        padding-top: 5px;
        padding-bottom: 5px;
        position: relative;
        top: 15px;
        background: var(--color-white);
        border-bottom: 1px solid var(--color-athens);
        margin-left: -10px;
        margin-right: -10px;
        margin-top: 36px;
    }

    #navigation,
    .popup-widget.cart-widget,
    .popup-widget.login-widget {
        top: 0;
    }

    .navigation-window-visible .top-navigation-bar .container > div.top-navigation-contacts {
        display: none;
    }

    #header .site-name {
        margin: 0;
        text-align: center;
        position: absolute;
        top: -95px;
        left: 0px;
        width: 100%;
    }

    #header .site-name a img {
        max-height: 80px;
        position: relative;
        top: 22px;
    }

    .top-navigation-bar a {
        color: var(--color-primary);
        border-radius: 50%;
    }

    .top-navigation-bar a:before {
        border-radius: 50%;
    }

    .top-navigation-bar a:hover:before {
        color: var(--color-white) !important;
    }

    #header .cart-count {
        top: -41px;
        right: 46px;
        color: var(--color-secondary);
    }

    .header-top .btn.cart-count::before {
        padding: 8px 8px 7px 7px;
        color: var(--color-secondary);
        background-color: var(--color-white);
    }

    .responsive-tools > a[data-target="navigation"]::before {
        color: var(--color-primary);
        background-color: var(--color-white);
    }

    .header-top .btn.cart-count:hover::before {
        color: var(--color-white);
        background-color: var(--color-black);
    }

    .responsive-tools > a[data-target="navigation"]:hover::before {
        color: var(--color-white);
        background-color: var(--color-black);
    }

    .header-top .btn.cart-count i {
        left: 15px;
        top: -5px;
        background: var(--color-black);
    }

    .top-navigation-bar a:hover,
    #header .cart-count:hover {
        color: var(--color-black);
    }

    .top-navigation-bar .dropdown {
        position: absolute;
        left: 81px;
        top: 67px;
        display: inline-block;
        color: var(--color-white);
    }

    .top-navigation-bar .dropdown button {
        color: var(--color-white);
    }

    .top-navigation-bar .dropdown button:hover {
        color: var(--color-black);
    }

    #carousel {
        margin-left: 0px;
        margin-right: 0px;
    }

    .in-index .footer-banners.row .logos {
        justify-content: center;
    }

    #footer .custom-footer > div {
        width: 100% !important;
        padding-left: 10px;
        padding-right: 10px;
    }

    .before-carousel {
        display: none;
    }

    #topArticles > div {
        width: 100%;
    }

    #topArticles > div:nth-of-type(1) {
        border-right: 0px;
    }

    #topArticles > div:nth-of-type(2) {
        border-left: 0px;
    }

    .detailInfoVyhody .vyhoda {
        display: block;
        text-align: center;
    }

    .site-msg.information {
        top: 0px;
        font-size: 80%;
    }

    .top-navigation-bar a.signin {
        display: none;
    }

    .site-msg.information {
        left: 0px;
        margin-left: 0px;
        width: 100%;
    }

    .social-buttons-wrapper .social-buttons.no-display {
        top: -3px;
        left: 20px;
    }

    .link-icons {
        margin-top: 30px;
        justify-content: flex-start;
        height: 0;
    }

    .mobile.type-detail .dkLabFavDiv {
        bottom: 0 !important;
    }

    .banners-row .col-sm-4 {
        padding: 0px;
    }

    .content-wrapper.container .row > div {
        padding-left: 0px;
        padding-right: 0px;
    }

    .next-to-carousel-banners {
        padding: 0px !important;
        background: var(--color-primary-hover);
    }

    .next-to-carousel-banners .banner-wrapper {
        margin: 0px !important;
        font-size: 100%;
        color: var(--color-white);
        padding: 20px 25px 10px 20px;
    }

    .next-to-carousel-banners .banner-wrapper img {
        width: 100% !important;
    }

    .next-to-carousel-banners .banner-wrapper ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .next-to-carousel-banners .banner-wrapper ul li {
        margin: 8px 0px 8px 0px;
        border-bottom: 1px solid var(--color-conifer);
        padding-bottom: 9px;
    }

    .next-to-carousel-banners .banner-wrapper ul li:nth-last-of-type(1) {
        border-bottom: 0px;
        padding-bottom: 0px;
    }

    .next-to-carousel-banners .banner-wrapper ul li i {
        display: inline-block;
        width: 30px;
    }

    .next-to-carousel-banners .banner-wrapper h4 {
        font-size: 160%;
        margin: 0px 0px 20px 0px;
        color: var(--color-white);
    }

    .homeColumns2 {
        background: var(--color-secondary);
    }

    .welcome div.homeColumns {
        margin-left: 0px;
        margin-right: 0px;
        text-align: center;
    }

    .homeColumns img {
        max-width: 40%;
    }

    .type-detail .p-info-wrapper > .add-to-cart {
        padding-left: 20px;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .type-detail .content-wrapper.container .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    #productsAlternative .products-block {
        margin-right: 0px;
        margin-left: 0px;
    }

    .p-info-wrapper table.detail-parameters {
        margin-bottom: 19px;
        margin-left: 20px;
    }

    .shp-tabs-holder {
        padding-left: 10px;
        padding-right: 10px;
    }

    .shp-tabs-holder ul.shp-tabs li {
        font-size: 90%;
    }
}


@media screen and (max-width: 414px) {
    span.delivery-time-label {
        margin-left: 0px;
    }

    #signature a:nth-last-of-type(1) {
        display: block;
        width: 100%;
        text-align: center;
        margin: 12px 0px 0px 0px;
    }
}

@media screen and (max-width: 340px) {
    .site-msg.information {
        font-size: 70%;
    }

    .variant-list select {
        width: 195px;
    }
}


#signature img.vam {
    display: none !important;
}

#signature img.shoptet {
    margin: 0px 20px 0px 10px !important;
}

#signature img.dklab {
    margin: 0px 0px 0px 3px !important;
    width: 50px !important;
}

#signature img {
    position: relative;
    top: -4px;
}

.parametric a[href="/e-cigarety-pro-dl-potah/"],
.parametric a[href="/e-cigarety-pro-mtl-potah/"],
.parametric a[href="/liquidy-bez-nikotinu/"],
.parametric a[href="/liquidy-s-klasickym-nikotinem/"],
.parametric a[href="/liquidy-s-nikotinovou-soli/"] {
    background-size: 17% !important;
    background-position: 10px center !important;
    background-repeat: no-repeat !important;
    padding-left: 60px !important;
    line-height: 20px !important;

}

.parametric a[href="/e-cigarety-pro-dl-potah/"] {
    background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/grip_icon.jpg) !important;
    background-size: 24% !important;
}

.parametric a[href="/e-cigarety-pro-mtl-potah/"] {
    background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/mtl_ecigareta_icon.jpg) !important;
}

.parametric a[href="/liquidy-bez-nikotinu/"] {
    background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/bez_nikotinu.jpg) !important;
}

.parametric a[href="/liquidy-s-klasickym-nikotinem/"] {
    background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/nicotine.jpg) !important;
}

.parametric a[href="/liquidy-s-nikotinovou-soli/"] {
    background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/nic_salt.jpg) !important;
}

@media screen and (max-width: 700px) {
    .in-index #footer .custom-footer > div:nth-of-type(2) {
        display: none !important;
    }

    .id-1 .latest-contribution-box,
    .id-1 .blog-hp {
        display: none !important;
    }

    .overall-wrapper {
        background: var(--color-white) !important;
    }

    .parametric a[href="/e-cigarety-pro-dl-potah/"],
    .parametric a[href="/e-cigarety-pro-mtl-potah/"] {
        background-position: 0px center !important;
        padding-left: 30px !important;
        line-height: 20px !important;
    }

    .parametric a[href="/e-cigarety-pro-dl-potah/"] {
        background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/grip_icon.jpg) !important;
    }

    .parametric a[href="/e-cigarety-pro-mtl-potah/"] {
        background-image: url(/user/documents/assets/img/ikonky-parametry/tinified/mtl_ecigareta_icon.jpg) !important;
    }

    .filter-sections h4 {
        font-weight: bold !important;
        margin-bottom: 20px !important;
    }

    .type-product .detail-info-availability {
        margin: 0px 0 20px !important;
    }

    .browse-p {
        margin-bottom: 40px !important;
        margin-top: 0px !important;
    }

    .products-related {
        position: relative;
        margin-bottom: 0px !important;
    }

    .variant-table {
        margin-bottom: 10px !important;
    }

    .social-buttons-wrapper {
        width: 100% !important;
        float: right !important;
        text-align: center !important;
        margin: auto !important;
    }

    .social-buttons-wrapper .link-icon {
        padding-left: 5px;
        top: -30px;
        position: relative;
    }

    .social-buttons,
    .social-buttons .twitter,
    .social-buttons .facebook {
        text-align: center !important;
        display: inline-block !important;
        width: 100% !important;
    }

    .social-buttons .twitter {
        width: 40% !important;
    }

    .social-buttons .facebook {
        width: 60% !important;
    }

    .product-top {
        margin-bottom: 15px;
    }

    .dkLabFavDiv {
        text-align: center !important;
        margin-bottom: 10px !important;
    }
}

.client-center-box ul li:nth-child(6) {
    /* display: none !important; */
}

.client-center-box ul li::before {
    position: absolute;
    top: calc(50% - 15px);
    left: 0;
    content: '';
    width: 30px;
    height: 30px;
}

.client-center-box ul li:nth-child(3)::before {
    background: url(/user/documents/assets/img/client-center/person.svg);
}

.client-center-box ul li:nth-child(4)::before {
    background: url(/user/documents/assets/img/client-center/id-card.svg);
}

.client-center-box ul li:nth-child(5)::before {
    background: url(/user/documents/assets/img/client-center/basket.svg);
}

.client-center-box ul li:nth-child(7)::before {
    background: url(/user/documents/assets/img/client-center/files.svg);
}

.client-center-box ul li:nth-child(6)::before {
    background: url(/user/documents/assets/img/client-center/discount.svg);
}

.client-center-box ul li:nth-child(8)::before {
    background: url(/user/documents/assets/img/client-center/note.svg);
}

.client-center-box ul li:nth-child(10)::before {
    background: url(/user/documents/assets/img/client-center/chat.svg);
}

.client-center-box ul li:nth-child(11)::before {
    background: url(/user/documents/assets/img/client-center/favourite.svg);
}

@media (min-width: 987px) {

    body.type-index #carousel + .carousel-navigation,
    body.type-index #homepage-banner + .carousel-navigation {
        width: 362px !important;
    }

    body.type-index #carousel,
    body.type-index #homepage-banner {
        height: 416px !important;
    }

    body.type-index #carousel .carousel-inner .item img,
    body.type-index #homepage-banner .carousel-inner .item img {
        min-width: unset !important;
    }
}

.in-registrace #register-form {
    margin-bottom: 60px !important;
}

.in-nastaveni #register-form .co-registration p a:hover {
    background: var(--color-primary);
    color: var(--color-white) !important;
}

.msc-apm-header--logout:hover {
    background: var(--color-primary);
    color: var(--color-white) !important;
}

.msc-apm-header--logout {
    text-transform: uppercase;
}

.footer-links-icons {
    display: none;
}

.logout .btn.btn-primary {
    color: var(--color-white) !important;
    border-color: var(--color-primary) !important;
    background-color: var(--color-primary) !important;
}

.in-oblibene .sidebar {
    display: unset !important;
}

.in-oblibene .sidebar .banner,
.in-oblibene .sidebar #categories,
.in-oblibene .sidebar .box-productRating {
    display: none !important;
}

/*
*  Account - reg
*/
.in-registrace .box-bg-transparent.co-box.co-registration h4 {
    display: none;
}

.in-registrace .co-box.co-registration {
    background: var(--color-concrete);
    max-width: 400px;
    padding: 20px 0;
}

.in-registrace .co-box.co-registration input {
    width: 100%;
}

.in-registrace h4 {
    display: none;
}

.in-registrace .register-soc {
    max-width: 400px;
}

.in-registrace #content h1 {
    padding: 20px 0;
    font-size: 28px !important;
}

.in-registrace .btn-login {
    background: var(--color-secondary) !important;
    max-width: 400px;
    width: 100%;
    text-transform: uppercase !important;
}

.msc-registration-header {
    background: transparent !important;
}

.msc-registration-header--subheader span:first-child {
    display: block;
    text-align: center;
    padding: 20px 0;
    position: relative;
}

.msc-registration-header--subheader span:first-child::before {
    content: '';
    width: 40%;
    height: 2px;
    background: var(--color-gallery);
    position: absolute;
    top: 50%;
    left: 0;
}

.msc-registration-header--subheader span:first-child::after {
    content: '';
    width: 40%;
    height: 2px;
    background: var(--color-gallery);
    position: absolute;
    top: 50%;
    right: 0;
}

.msc-registration-header--subheader span:last-child {
    display: block;
    font-size: 18px;
    text-align: center;
}

.in-registrace #register-form > fieldset.co-registration {
    display: none !important;
}

.in-registrace #register-form > div.co-registration {
    background: transparent !important;
    border: 0;
}

.form-group {
    margin: 0 0 5px;
    padding: 0 20px;
}

.in-registrace .box-bg-default {
    padding: 20px 0;
}

.in-registrace .submit-wrapper {
    padding: 0;
}


/*
  *  Account - mods
  */
.msc-acc-popup-menu {
    position: absolute;
    top: 23px;
    right: 0;
    padding-top: 10px;
    z-index: 99;
    display: none;
}

.msc-acc-popup-menu > div {
    background: var(--color-white);
    color: var(--color-black);
    width: 320px;
    min-height: 100px;
    padding: 20px;
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}

.msc-visible {
    display: block;
}

.msc-apm-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.msc-apm-header--name {
    font-weight: 600;
    font-size: 14px;
}

.msc-apm-header--name::before {
    content: '\e922';
    font-family: 'shoptet';
    margin-right: 10px;
}

.msc-apm-header--logout {
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary);
    padding: 5px 10px;
}

.msc-apm-menu--title {
    display: block;
    text-align: center;
    font-weight: 600;
    padding: 20px 0 0;
}

.msc-apm-menu--list {
    list-style: none;
    padding: 0;
    text-align: left;
}

.msc-apm-menu--list li {
    padding: 10px;
    border-top: 1px solid var(--color-silver);
}

.msc-apm-menu--list a {
    color: var(--color-black);
}

.msc-apm-menu--list li:last-child a::before {
    content: none;
}

.msc-apm-footer--title {
    display: block;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    font-style: italic;
}

.msc-apm-footer--btn {
    background: var(--color-christi);
    display: block;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 14px;
}

.msc-apm-footer--btn:hover {
    color: var(--color-white) !important;
}

/* Acc - details */
.sidebar-visible,
.sidebar-inner {
    background: var(--color-saltpan);
}

.client-center-box ul {
    list-style: none;
    padding: 0;
}

.client-center-box ul li:first-child {
    text-align: center;
    font-size: 18px;
}

.client-center-box ul li:nth-child(2) {
    text-align: center;
}

.client-center-box ul li:nth-child(2) a {
    padding: 5px 10px;
}

.client-center-box ul li:nth-child(n+3) {
    position: relative;
    padding: 15px 0 15px 50px;
    border-top: 1px solid var(--color-tasman);
}

.client-center-box ul li:nth-child(n+3) a {
    color: var(--color-black);
}

.client-center-box ul li:last-child a::before {
    content: none;
}

.msc-acc-dump {
    display: none;
}

.in-klient #content h1,
.in-nastaveni #content h1,
.in-objednavky #content h1,
.in-klient-doklady #content h1,
.in-klient-slevy #content h1,
.in-klient-hodnoceni #content h1,
.in-klient-diskuze #content h1,
.in-oblibene #content h1 {
    color: var(--color-black) !important;
    font-size: 32px !important;
    padding-top: 15px;
}

.in-klient #content h2,
.in-nastaveni #content h2 {
    background: var(--color-saltpan);
    padding: 10px;
    color: var(--color-black);
    font-weight: 600;
    font-size: 18px;
}

.in-klient #content h4,
.in-nastaveni #content h4 {
    background: var(--color-saltpan);
    padding: 0 10px !important;
    margin-bottom: 25px !important;
    color: var(--color-black);
    font-weight: 600;
    font-size: 18px;
}

.in-nastaveni #additionalInformation,
.in-nastaveni .co-registration {
    border: 0
}

.msc-dashboard-discounts,
.msc-dashboard-favorite,
.msc-dashboard-newsletter {
    padding-top: 20px;
}

.msc-dashboard-favorite .products {
    margin: 0;
}

.msc-dashboard-newsletter {
    margin-bottom: 100px;
}

.msc-dashboard-newsletter .msc-dashboard-content span:first-child {
    display: block;
    margin-bottom: 20px;
}

.msc-dashboard-newsletter .msc-dashboard-content span:last-child {
    display: flex;
}

.msc-dashboard-newsletter .msc-dashboard-content span:last-child a {
    background: var(--color-christi);
    display: inherit;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 14px;
    color: var(--color-white);
}

.in-klient .shareFavorites {
    display: none;
}

.msc-bashboard-favorite--empty {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.msc-bashboard-favorite--empty img {
    display: block;
}

.msc-bashboard-favorite--empty span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 10px;
}

/* Acc - settings */
#register-form .co-registration {
    padding-top: 0;
}

.msc-acc-settings span {
    display: block;
    margin-bottom: 20px;
}

.in-nastaveni .stay-in-touch {
    display: none;
}

#register-form .co-registration p {
    padding-top: 15px;
}

#register-form .co-registration p a {
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary);
    padding: 10px 20px;
}

#register-form .submit-wrapper .btn {
    background: linear-gradient(var(--color-shuttle-gray) 0%, var(--color-limed-spruce) 100%);
    border: 0;
    color: var(--color-white);
    text-transform: none;
    padding: 15px 25px;

}

@media (max-width: 767px) {
    .sidebar {
        width: 100%;
    }
}

#navigation .menu-arrow {
    position: absolute;
    z-index: 100;
    top: -8px;
    content: ' ';
    width: 11px;
    height: 8px;
    background: url(/user/documents/assets/img/menu/menu-arrow.png);
}

#navigation .menu-column-trendy {
    background: var(--color-atlantis);
    border-radius: 5px;
    padding: 1px 5px;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 12px;
}

#navigation .menu-column-hot {
    background: var(--color-thunderbird);
    border-radius: 5px;
    padding: 1px 5px;
    text-transform: uppercase;
    margin-left: 10px;
    font-size: 12px;
}

#navigation .menu_column_news {
    content: ' ';
    margin-right: 5px;
    width: 27px;
    height: 27px;
    background: url(/user/documents/assets/img/menu/submenu-news.png);
}

#navigation .menu_column_discount {
    content: ' ';
    margin-right: 5px;
    width: 27px;
    height: 27px;
    background: url(/user/documents/assets/img/menu/submenu-discount.png);
}

#navigation .menu-column-submenu-news li,
#navigation .menu-column-submenu-articles li {
    width: 100%;
}

#navigation .menu-column-submenu-news a {
    display: flex;
    align-items: center;
}

#navigation .menu-column-items li {
    padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
    .header-top > div {
        flex: 0 1 33% !important;
    }

    .header-top > div:first-of-type {
        flex: 0 1 20% !important;
    }

    .header-top .navigation-buttons {
        flex: 0 1 47% !important;
    }

    .sticky-mobile:not(.ordering-process) #header {
        z-index: 99 !important;
    }

    .navigation-in > ul > li > a {
        margin: 0 !important;
    }
}

.rubriky-home .container {
    background: var(--color-white) !important;
}

html .custom-footer__banner31 {
    border: none !important;
    background: #e9eff4;
}

.custom-footer__banner31 .banner {
    margin-bottom: 0;
    padding-bottom: 40px;
}

.banner-wrapper .newsletter-paticka .newsletter-kontakt a {
    font-size: 2.4rem !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background: #374047;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    color: #fff;
    text-decoration: none;
}

.newsletter-paticka .newsletter-kontakt a[href="https://www.fb.com/vapoo.cz"]:hover {
    background: var(--color-social-fb) !important;
}

.newsletter-paticka .newsletter-kontakt a[href="https://twitter.com/vapoocz"]:hover {
    color: var(--color-social-twitter) !important;
}

.newsletter-paticka .newsletter-kontakt a[href="https://instagram.com/vapoo.cz"]:hover {
    background: var(--color-social-insta) !important;
}

.newsletter-paticka .newsletter-kontakt a[href="https://www.youtube.com/@vapoo_cz"]:hover {
    background: var(--color-social-yt) !important;
}

.newsletter-paticka .newsletter-kontakt a[href="https://www.tiktok.com/@vapoo.cesko"]:hover {
    background: var(--color-social-tiktok) !important;
}

.newsletter-paticka .vapoo-news {
    text-decoration: underline;
    color: var(--color-primary) !important;
}

.newsletter-paticka .vapoo-news {
    text-decoration: underline;
}

.newsletter-paticka .form-group {
    padding: 0;
    margin: 0;
}

.newsletter-paticka .form-group label {
    line-height: 40px;
    cursor: unset;
}

.newsletter-paticka .newsletter-kontakt {
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 2rem !important;
    line-height: 40px !important;
    border-left: 1px solid;
    margin-top: 20px;
    padding: 5px 0 5px 20px;
}

.newsletter-paticka .neswletter-naspis {
    text-transform: uppercase !important;
    font-weight: bold !important;
    font-size: 2rem !important;
    line-height: 40px !important;
}

.newsletter-paticka .neswletter-text {
    font-size: 1.1rem !important;
}

.newsletter-paticka {
    padding: 40px 40px 0px 40px !important;
}

.newsletter-paticka .btn.btn-default {
    background-color: var(--color-black) !important;
    border-color: var(--color-black) !important;
}

.newsletter-paticka .btn.btn-default:hover {
    background-color: #374047 !important;
    border-color: #374047 !important;
}

.banner-wrapper .newsletter-paticka a {
    display: unset !important;
    line-height: 10px !important;
    text-decoration: underline;
}

.banner-wrapper .newsletter-paticka a:hover {
    text-decoration: none;
}

.odber {
    display: none;
}

.rubriky-home {
    width: 100% !important;
}

[class~="blog-hp"]::before {
    margin-bottom: .15625in !important;
    margin-top: 30px !important;
    text-align: center !important;
    padding-top: 20px !important;
    font-weight: 700 !important;
    color: var(--color-monza) !important;
    text-transform: none !important;
}

.top-navigation-contacts a[href="/doprava-platba/"]::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f0d1" !important;
}

.top-navigation-contacts a[href="/zaruka-vraceni-zbozi/"]::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f0e2" !important;
}

.top-navigation-contacts a[href="/centrum-reklamaci/"]::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f03a" !important;
}

.top-navigation-contacts a[href="/obchodni-podminky/"]::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    content: "\f15b" !important;
}

.dropdown-content2 a {
    display: inline-block !important;
}

.top-navigation-contacts .dropdown2 {
    display: inline-block !important;
    position: relative;
}

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: var(--color-concrete);
    width: 190px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 3px;
    z-index: 999 !important;
    text-align: left;
    left: -8px;
}

.dropdown2:hover .dropdown-content2 {
    display: block;
}

.in-blog .news-wrapper .news-item:nth-of-type(2n+1) {
    background: var(--color-alabaster) !important;
    padding-top: 30px !important;
}

.detail-parameters tr td {
    width: 60% !important;
}

.news-category:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f07b";
    margin-right: 5px !important;
    margin-left: 15px !important;
}

.tooltip.in {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.tooltip-inner {
    border: 1px solid var(--color-alto) !important;
    padding: 5px 10px !important;
}

.header-top div:last-child > a {
    top: 0px;
}

@-moz-document url-prefix() {
    .header-top .btn.cart-count::before {
        font-size: 16.5px !important;
    }

    .header-top div:last-child > a {
        top: 0px;
    }
}

#category-filter-hover .show-tooltip:hover {
    cursor: pointer;
}

/*
  *  Variant table custom styles
  */

.v-table-design .table-col {
    width: 30% !important;
}

.v-table-design .vtd-variant {
    width: 10% !important;
    min-width: 70px;
    display: flex;
    align-items: center;
}

.v-table-design .variant-image {
    border: 1px solid var(--color-silver);
}

.v-table-design .variant-price-wrap .price-final {
    font-weight: 600;
    font-size: 26px;
    text-align: right;
}

.v-table-design .variant-price-wrap .price-additional {
    font-size: 14px !important;
    text-align: center;
}

.v-table-design > .table-row .standard-price-wrap {
    display: none;
}

.v-table-design .variant-cart .add-to-cart-button::before {
    content: '\e921';
    font-weight: 400 !important;
    font-family: "shoptet" !important;
    top: 0 !important;
    font-size: 16px;
}

.v-table-design .variant-cart .add-to-cart-button {
    font-size: 14px;
    padding: 6px 5px !important;
}

.v-table-design .quantity input {
    width: 40px;
    text-align: center;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    height: 40px;
}

.v-table-design .quantity {
    padding-right: 0;
    border-width: 0;
    margin-right: 10px;
    width: 85px;
    border: 1px solid var(--color-alto);
    background: var(--color-white);
}

.v-table-design .quantity .increase {
    border-width: 0;
    top: 8px;
    background: transparent;
    right: 2px;
}

.v-table-design .quantity .decrease {
    border-width: 0;
    right: auto;
    top: 8px;
    background: transparent;
    left: 2px;
}

.v-table-design .quantity .increase::before,
.v-table-design .quantity .decrease::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
}

.v-table-design .quantity .increase::before {
    content: '\f067';
}

.v-table-design .quantity .decrease::before {
    content: '\f068';
}

@media screen and (max-width: 768px) {

    .v-table-design .col-xs-6 {
        width: 50% !important;
        text-align: center !important;
    }

    .v-table-design .vtd-variant {
        margin-bottom: 20px;
    }

    .v-table-design .variant-name-wrapper {
        width: calc(100% - 70px) !important;
        margin-bottom: 20px !important;
    }

    .v-table-design .price {
        width: 43% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .v-table-design .price .price-final {
        text-align: left;
    }

    .v-table-design .cart {
        width: 57% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .v-table-design .cart .quantity {
        margin-right: 12px;
        width: 80px;
    }

    .variant-table {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .v-table-design .cart form {
        text-align: right;
    }

    .v-table-design .cart .add-to-cart-button::before {
        content: ' ';
    }

    .v-table-design .cart .add-to-cart-button {
        padding: 6px 7px 6px 0px !important;
    }
}

/*
  *  Menu
  */
#navigation {
    border-top: 2px solid transparent !important;
}

#navigation li.ext > ul {
    padding-right: 0;
    padding-top: 10px;
}

#navigation .menu-column {
    flex-basis: 15%;
    border-right: 1px solid var(--color-cream);
    min-height: 319px;
    padding: 0 20px;
    font-size: 14px;
}

#navigation .menu-column-type2 {
    background: var(--color-gin);
}

#navigation .menu-column-type3 {
    flex-basis: 25%;
    padding: 0;
    border-right: 0;
}

#navigation .menu-column-img {
    text-align: right;
    margin: 0 0 0 auto;
}

#navigation .menu-column-img img {
    width: 90%;
}

#navigation .menu-column-title {
    display: block;
    margin-top: 10px;
    font-weight: 600;
}

#navigation .menu-column-items {
    margin-top: 10px;
    padding-bottom: 10px;
}

#navigation .menu-column-items a {
    color: var(--color-mine-shaft);
}

#navigation .menu-column-items a:hover {
    color: var(--color-primary);
}

#navigation .menu-column-tops {
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
}

#navigation .menu-column-tops-title {
    display: flex;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    flex-direction: row;
}

#navigation .menu-column-tops-title .menu-column-tops-title-text {
    display: block;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 20px;
}

#navigation .menu-column-tops-title .menu-tops-line {
    display: block;
    height: 1px;
    width: 100%;
    background: var(--color-athens);
}

#navigation .menu-column-tops-title .menu-tops-line:first-child {
    width: 10%;
}

#navigation .menu-column-tops-items {
    display: flex;
    padding-left: 50px;
}

#navigation .menu-column-tops-items > li {
    width: 25%;
}

#navigation .menu-column-tops-items > li a {
    padding: 0;
    width: 80%;
    margin: 0 auto;
    line-height: 1.2;
    text-align: center;
}

#navigation .menu-column-tops-items > li img {
    max-height: 90px;
    display: block;
    margin: 0 auto 10px;
}

#navigation .menu-column-submenu {
    display: flex;
    align-items: center;
    height: 227px;
    flex-basis: 40%;
    line-height: 1;
    text-transform: uppercase;
}

#navigation .menu-column-submenu ul {
    padding-left: 80px;
}

#navigation .menu-column-submenu a {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}

#navigation .menu-column-submenu .menu-column-submenu-news a {
    text-decoration: underline;
    color: var(--color-black);
}

#navigation .menu-column-submenu .menu-column-submenu-news li:first-child a {
    text-decoration-color: var(--color-primary);
}

#navigation .menu-column-submenu .menu-column-submenu-news li:last-child a {
    text-decoration-color: var(--color-salva);
}

#navigation .menu-column-submenu .menu-column-submenu-articles a {
    color: var(--color-black);
}

#navigation .menu-column-submenu a:hover {
    color: var(--color-primary);
}

#navigation .menu-column-tip {
    margin-right: 5px;
    background-color: var(--color-monza);
    border-color: var(--color-monza);
    color: var(--color-white);
    display: inline-block;
    vertical-align: baseline;
    width: 18px;
    height: 18px;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

#navigation .menu-column-items-all {
    padding-top: 15px;
}

#navigation .menu-column-items-all > a {
    color: var(--color-primary);
    text-decoration: underline;
}

#navigation .menu-column-items-all > a:hover {
    color: var(--color-primary-hover);
    text-decoration: underline;
}

#navigation li.ext > ul {
    margin-top: 10px;
}

@media screen and (min-width: 900px) {
    .cart-count .sr-only {
        margin-right: 8px !important;
        padding: 10px !important;
        width: 100px !important;
        position: relative !important;
        background: var(--color-secondary) !important;
        color: var(--color-white) !important;
        font-weight: bold !important;
        top: 1px;
    }
}

@-moz-document url-prefix() {
    @media screen and (min-width: 900px) {
        .cart-count .sr-only {
            padding: 9px 10px 10px !important;
        }
    }
}

.container-filter-toggle {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.container-filter-toggle i {
    margin-right: 10px;
}

.container-filter-toggle span {
    display: block;
    margin-top: 2px;
    color: green;
    cursor: pointer;
}

#navigation div {
    width: 100%;
}

@media (min-width: 768px) {
    .navigation-in ul {
        align-items: flex-start;
    }

    .navigation-in > ul > li > a:hover {
        color: var(--color-dove);
    }
}

@media (min-width: 768px) {

    /* top cart modification */
    .navigation-buttons {
        display: flex !important;
        justify-content: flex-end;
    }

    .navigation-buttons .cart-count {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        height: 36px;
        top: 0px !important;
    }

    .header-top .btn.cart-count::before {
        display: block;
        margin-right: 6px;
        font-size: 17px;
        background: var(--color-secondary);
        color: var(--color-white);
        display: inline;
        height: 36px;
        line-height: 16px;
        transition: 350ms;
    }

    .navigation-buttons .cart-count .sr-only {
        margin-right: 8px !important;
        padding: 0px !important;
        height: 36px;
        line-height: 36px;
        width: 80px !important;
        position: relative !important;
        background: var(--color-secondary) !important;
        color: var(--color-white) !important;
        font-weight: bold !important;
        top: 0px !important;
    }
}

/*
  *   Final modification - Product Details
  */
@media screen and (min-width: 768px) {
    .type-product .breadcrumbs {
        border: 1px solid var(--color-silver);
    }

    .type-product .navigation-home-icon-wrapper::before {
        display: none;
    }

    .type-product .breadcrumbs > span,
    .type-product .breadcrumbs > span:nth-last-child(2) > a::after {
        display: none;
    }

    .type-product .breadcrumbs #navigation-first {
        display: none !important;
    }

    .type-product .breadcrumbs > span:nth-last-child(2),
    .type-product .breadcrumbs > span:nth-last-child(3) {
        display: block;
    }

    /* title change to flex */
    .type-product .p-detail-inner-header {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        margin-bottom: 15px;
        margin-top: 20px;
    }

    .type-product .p-detail-inner-header h1 {
        flex: 1;
        margin-bottom: 0;
    }

    .type-product .p-detail-inner-header img {
        max-height: 40px;
        width: auto;
    }

    .type-product .breadcrumbs {
        margin-left: 20px;
        margin-right: 0;
        top: 0;
    }
}

.type-product .detail-info-availability {
    display: flex;
    align-items: flex-end;
    min-height: 100px;
    margin: 0px 0 20px;
    order: -3;
}

.type-product .detail-extra-availability {
    width: 290px;
    min-height: 90px;
    border-radius: 5px;
    background: var(--color-zanah);
    border: 1px solid var(--color-tasman);
    padding: 10px;
}

.type-product .detail-extra-availability > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.type-product .detail-extra-availability .dea-avl {
    color: var(--color-aqua-forest);
    font-weight: 600;
    display: block;
    font-size: 18px;
}

.type-product .detail-extra-availability.availability-on-way {
    background: #DBE4EA;
    border: 1px solid #DBE4EA;
}

.type-product .detail-extra-availability.availability-on-way .dea-avl {
    color: #20549E;
}

#homeTabs > li > a[href="#products-39"] {
    background: var(--color-secondary) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-secondary) !important;
}

.type-product .detail-extra-availability .dea-date {
    display: block;
    font-size: 12px;
}

.type-product .detail-extra-availability .dea-info {
    padding-top: 5px;
}

.type-product .detail-extra-fshipping {
    display: block;
    margin: 0 0 30px;
    max-width: 126px;
    padding: 7px 10px;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    background: var(--color-christi);
    color: var(--color-white);
}

.type-product .dea-outofstock {
    background: var(--color-crimson);
    border: 1px solid var(--color-crimson);
}

.type-product .dea-outofstock > .dea-avl {
    color: var(--color-white) !important;
    font-size: 20px;
}

.type-product .dea-outofstock > .dea-info {
    color: var(--color-white);
}

@media screen and (max-width: 768px) {
    .type-product .detail-extra-fshipping {
        margin: 0 0 10px;
    }
}

.type-product .detail-extra-delivery-container {
    padding: 0 30px;
    flex-basis: 28%;
}

.type-product .detail-extra-time-delivery {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-black);
    cursor: pointer;
}

.type-product .detail-extra-time-delivery::before {
    content: ' ';
    height: 1px;
    width: 90%;
    background: var(--color-black);
    position: absolute;
    bottom: 0;
}

.type-product .detail-extra-time-delivery::after {
    content: '\e90e';
    font-family: 'shoptet';
    font-size: 65%;
    margin-left: 5px;
    color: var(--color-emperor);
}

.type-product .detail-extra-question-container {
    display: block;
    flex-basis: 35%;
    text-align: center;
}

.type-product .detail-extra-question-container > a {
    display: block;
    color: var(--color-christi) !important;
    text-transform: none !important;
    text-decoration: underline !important;
    font-weight: normal !important;
    margin-bottom: 0;
}

.type-product.type-detail .social-buttons-wrapper .link-icon.chat {
    display: none;
}

.type-product.type-detail .social-buttons-wrapper .link-icon.favorite::before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
}

.type-product .detail-extra-question-container > a > span {
    text-decoration: underline;
}

.detail-info-delivery-table {
    background: var(--color-concrete);
    padding: 10px;
    order: -3;
    margin-bottom: 30px;
    display: none;
}

.detail-info-delivery-table .didt-title {
    background: var(--color-emperor);
    color: var(--color-white);
    font-weight: 700;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-info-delivery-table .didt-title > span:first-child {
    display: block;
    width: 65%;
}

.detail-info-delivery-table .didt-title > span:last-child {
    display: block;
    width: 35%;
}

.detail-info-delivery-table .didt-line {
    padding: 7px 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-info-delivery-table .didt-line > span:first-child {
    display: block;
    width: 65%;
    padding-right: 10px;
}

.detail-info-delivery-table .didt-line > span:last-child {
    display: block;
    width: 35%;
}


.type-product .flags-extra {
    position: absolute;
    top: 0;
}

.flags-extra .flag-discount {
    position: relative;
    border-radius: 0 !important;
    height: 40px !important;
    min-width: auto !important;
    min-height: auto !important;
    width: auto !important;
}

.flags-extra .flag-discount::after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    width: 100%;
    height: 20px;
    background: var(--color-sunglow);
    pointer-events: none;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.flags-extra .flag-discount .price-standard {
    display: none;
}

.flags-extra .flag-discount .price-save {
    font-size: 20px !important;
}

body:not(.type-detail) .flags-default .flag-discount {
    display: none;
}

body:not(.type-detail) .flags-extra > .flag.flag-discount {
    display: block !important;
    min-width: 74px !important;
}

body:not(.type-product) .flags-extra {
    position: absolute;
    top: -15px;
    right: -15px;
}

/*
  *   Redesign main menu
  */
.header-top .btn.cart-count i {
    left: -9px;
    background-color: var(--color-christi);
}

@media (min-width: 768px) {
    #header .cart-count {
        padding-right: 15px;
        background: var(--color-secondary);
        border-radius: 5px;
    }

    .header-top .btn.cart-count::before {
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }

}

/*
  *  Mobile Menu fix
  */
@media (max-width: 767px) {
    .top-navigation-contacts {
        display: none !important;
    }

    #header .cart-count {
        top: -64px !important;
    }

    #header .site-name {
        top: -100px;
    }

    .top-navigation-bar a.signin {
        margin-top: 6px;
    }

    .responsive-tools {
        margin-top: 0;
        height: 90px;
    }

    .top-navigation-bar {
        position: relative !important;
    }

    .responsive-tools > a[data-target="navigation"] {
        left: 15px;
        bottom: 5px;
    }

    .responsive-tools > a.mjs-mob-header-phone {
        left: 65px;
        bottom: 5px;
        z-index: 2;
        position: absolute;
    }

    .responsive-tools > a.mjs-mob-header-phone::before {
        content: '\e92c';
        font-size: 28px;
    }

    .responsive-tools > a[data-target="navigation"]::before {
        color: var(--color-chelsea);
        background-color: transparent;
        font-size: 28px;
    }

    .responsive-tools > a[data-target="login"],
    .responsive-tools .login-icon {
        position: absolute;
        top: -17px;
        right: 115px;
        z-index: 9;
    }

    .responsive-tools .login-icon::before {
        content: '\e922';
    }

    #header .cart-count {
        top: -45px !important;
        right: 15px;
    }

    #header .cart-count::before {
        background: var(--color-secondary);
        color: var(--color-white);
        border-radius: 5px;
    }

    .dropdown {
        position: absolute !important;
        right: 0;
        z-index: 9;
        left: auto !important;
    }

    .dropdown #topNavigationDropdown {
        color: var(--color-white) !important;
    }

    .dropdown .dropdown-menu a {
        color: var(--color-ebony-clay) !important;
    }

    #formSearchForm .btn {
        background-color: var(--color-primary-hover);
    }

    .responsive-tools .favorite-icon {
        position: absolute;
        top: -19px;
        right: 75px;
        z-index: 9;
    }

    .responsive-tools .favorite-icon::before {
        content: "❤";
        position: relative;
        font-size: 1.4em;
    }

    #navigation .menu-level-1 a {
        background-color: var(--color-primary-hover);
        color: var(--color-white) !important;
    }

    #navigation ul li.extra-menu-item a {
        background-color: var(--color-white) !important;
        color: var(--color-primary-hover) !important;
    }

    #navigation ul li.extra-menu-item > a {
        color: var(--color-primary-hover) !important;
    }

    #navigation li.ext > ul {
        margin-top: 0px;
        padding-top: 0px;
    }
}

.latest-contribution-box .hodnoceni {
    margin-top: 0;
    margin-bottom: 50px;
}

@media (max-width: 700px) {
    .dkLabFavDiv {
        position: absolute;
        bottom: 143px;
        max-width: 45%;
        right: 10px;
        z-index: 99 !important;
    }

    .social-buttons-wrapper .social-buttons {
        width: auto !important;
        display: flex !important;
        align-items: center;
    }

    .social-buttons-wrapper .social-buttons .facebook,
    .social-buttons-wrapper .social-buttons .twitter {
        width: auto !important;
    }
}

.hodnoceni-paticka .vote-wrap {
    width: 100% !important;
}

.hodnoceni-paticka .vote-wrap:first-child {
    border: 0;
}

.hodnoceni-paticka .show-more {
    display: block;
    margin-top: 20px;
    text-align: right;
}

.type-category .breadcrumbs-wrapper .breadcrumbs {
    opacity: 0;
}

.s-design .p-final-price-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--color-cream);
    padding-bottom: 20px;
}

.s-design .p-final-price-wrapper .price-measure {
    display: none;
}

.s-design .p-final-price-wrapper .price-standard,
.s-design .p-final-price-wrapper .price-save {
    display: none;
}

.s-design .price-final {
    width: 20%;
    order: 1;
}

.s-design .add-to-cart {
    width: 35%;
    margin: 0;
    order: 2;
}

.s-design .add-to-cart .quantity {
    padding-right: 0;
    border-width: 0;
    margin-right: 10px;
    width: 85px;
    border: 1px solid var(--color-alto);
    background: var(--color-white);
}

.s-design .add-to-cart .amount {
    width: 40px;
    text-align: center;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    height: 46px;
    padding-top: 2px;
}

.s-design .add-to-cart .increase {
    border-width: 0;
    top: 12px;
    background: transparent;
}

.s-design .add-to-cart .decrease {
    border-width: 0;
    right: auto;
    left: 0px;
    top: 12px;
    background: transparent;
}

.s-design .add-to-cart .increase::before,
.s-design .add-to-cart .decrease::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 12px;
}

.s-design .add-to-cart .increase::before {
    content: '\f067';
}

.s-design .add-to-cart .decrease::before {
    content: '\f068';
}

.s-design .availability-value {
    width: 45%;
    margin: 0;
    padding: 0;
    text-align: right;
    border: 0;
    order: 3;
}

@media (max-width: 767px) {
    .s-design .p-final-price-wrapper {
        padding: 20px 5px;
        flex-wrap: wrap;
    }

    .s-design .price-final {
        flex: 1 0 48%;
    }

    .s-design .add-to-cart {
        flex: 1 0 52%;
    }

    .s-design .add-to-cart .quantity {
        margin-left: auto;
        margin-right: 14px;
        width: 80px;
    }

    .s-design .add-to-cart .amount {
        width: 20px;
    }

    .s-design .add-to-cart .add-to-cart-button {
        padding-left: 0;
        padding-right: 5px;
    }

    .s-design .add-to-cart .add-to-cart-button::before {
        content: ' ';
    }

    .s-design .availability-value {
        width: 100%;
        text-align: left;
        padding-top: 20px;
    }
}


#homeTabs {
    list-style-type: none;
    margin: 30px 0px 0 0px;
    padding: 0px;
    /* border-bottom: 1px solid var(--color-gallery); */
    text-align: center;
}

#homeTabs > li {
    display: inline-block;
    margin-right: 3px;
    margin-left: 3px;
}

#homeTabs > li > a {
    display: inline-block;
    background: var(--color-gallery);
    border: 1px solid var(--color-gallery);
    padding: 15px;
    color: var(--color-black);
}

#homeTabs > li > a:hover {
    background: var(--color-black) !important;
    border: 1px solid var(--color-black) !important;
    color: var(--color-white);
}

#homeTabs > li.active > a {
    background: var(--color-christi);
    border-bottom: 1px solid var(--color-christi);
    border-color: var(--color-apple);
    color: var(--color-white);
    position: relative;
    top: 0px;
}

.in-index .products-block:not(:last) {
    display: none;
}

.in-index .showHiddenProductsBox {
    display: flex;
    margin-top: 10px;
    width: 100%;
    justify-content: center;
}

.in-index .showHiddenProductsBox > span {
    border-color: var(--color-christi);
    background-color: var(--color-christi);
    color: var(--color-white);
    display: block;
}

.msc-section-last .h4 {
    display: block !important;
}

.msc-section-last .products-block {
    display: flex !important;
}

.in-index h4.homepage-group-title,
.in-index .h4.homepage-group-title {
    display: none;
}

@media screen and (max-width: 767px) {
    #homeTabs {
        margin-top: 0px;
    }

    #homeTabs > li > a {
        font-size: 12px;
    }

    #homeTabs > li > a:hover {
        background: var(--color-apple) !important;
        border: 1px solid var(--color-apple) !important;
    }

    #homeTabs > li {
        margin-top: 6px;
    }
}

tml .subcategories {
    border-top: 1px solid var(--color-alto) !important;
}

html .category-perex {
    border-bottom: 1px solid var(--color-alto) !important;
    margin-bottom: 30px !important;
}

html.type-category .content h4:nth-of-type(1) {
    font-size: 17px !important;
    margin-top: 30px;
}

.widget-parameter-wrapper .widget-parameter-value {
    background: var(--color-gin);
}

.tooltip div {
    background: var(--color-sunglow) !important;
    color: var(--color-black) !important;
    border-color: var(--color-black) !important;
}

.category-perex hr {
    border-width: 0px;
}

html .navigation-in > ul > li > a,
#navigation .menu-column-items a {
    color: var(--color-black) !important;
}

html .navigation-in .menu-1 a {
    color: var(--color-white) !important;
}

.body-banners h2 {
    color: var(--color-white) !important;
}

.type-detail .detail-parameters th {
    color: var(--color-black);
}

#footer h4 {
    color: var(--color-white) !important;
}

body {
    color: var(--color-black) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--color-black) !important;
}

.sidebar .dkLabVisitedProductsBar {
    margin-top: 0px !important;
}

#category-filter-hover h4 {
    font-size: 16px !important;
}

.box-productRating {
    border-top: 1px solid var(--color-alto) !important;
}

.box-sm.box-productRating {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.sidebar #category-filter-hover {
    display: flex !important;
    flex-direction: column !important;
}

.filter-section-parametric-id-302 div:not([class^="multi-select"]) {
    display: block !important;
}

.filter-section-parametric-id-302 .container-filter-toggle {
    display: none !important;
}

.in-liquidy-s-nikotinovou-soli .subcategories,
.in-liquidy-bez-nikotinu .subcategories,
.in-liquidy-s-klasickym-nikotinem .subcategories,
.in-e-cigarety-pro-dl-potah .subcategories,
.in-e-cigarety-pro-mtl-potah .subcategories {
    display: none !important;
}

.products-related .flags {
    display: none !important;
}

#formDiscussion .col-xs-12 {
    padding-left: 0px !important;
}

#formDiscussion .form-group {
    padding: 0px 0px !important;
}

#return-to-top {
    bottom: 80px !important;
    right: 15px !important;
}

.dkLabVisitedProductsBar {
    border-top: 0px solid var(--color-alto) !important;
}

.box-productRating h4 {
    font-size: 120% !important;
}

.products-related .flag-discount {
    display: none !important;
}

#homeTabs > li > a[href='#products-2'] {
    background: var(--color-ebony-clay) !important;
    color: var(--color-white) !important;
    border: 1px solid var(--color-ebony-clay) !important;
}

html #navigation .navigation-in > .menu-level-1 > li > a {
    color: var(--color-white) !important;
}

html #navigation .navigation-in .menu-level-1 li a[href='/blog/'] {
    color: var(--color-christi) !important;
}

#header {
    border-bottom: 58px solid #080f15 !important;
    box-shadow: 0px 0px 0px var(--color-athens) !important;
}

/* <!-- Úprava akivní barvy Premium Carousel - Shopteťák.cz --> */
body.type-index .premium-carousel-wrap.tmavy-vzhled #carousel + .carousel-navigation > .carousel-navigation-item.active,
body.type-index .premium-carousel-wrap.tmavy-vzhled #carousel + .carousel-navigation > .carousel-navigation-item.active:before {
    background: var(--color-christi) !important;
    border: none;
}

body.type-index #carousel + .carousel-navigation,
body.type-index #homepage-banner + .carousel-navigation,
body.type-index #carousel,
body.type-index #homepage-banner {
    border: none;
}

.template-11.in-oblibene .products-block {
    margin-right: 0 !important;
}

.in-oblibene .box-categories {
    padding: 0 !important;
}

.filter-section:last-child {
    border-top-style: solid !important;
}

@media only screen and (max-width: 992px) {

    body.type-index #carousel,
    body.type-index #homepage-banner {
        height: 290px;
    }
}

.in-jednorazove-ecigarety-maskking-high-2-0.type-category .breadcrumbs {
    float: unset !important;
}

.filter-section-count {
    display: none;
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 0% !important;
}

.ui-slider-horizontal .ui-slider-handle::after {
    background: transparent !important;
}

#category-filter-hover form.msc-filter-modded {
    display: none;
}

.showFilter .msc-filter-slider {
    display: block;
}

.msc-filter-container > div:last-child {
    border-top: 1px solid var(--color-silver);
}

.co-payment-method h4 {
    font-size: 18px !important;
}

.filters-unveil-button-wrapper {
    padding-top: 20px !important;
    border-top: 1px solid var(--color-alto);
}

.mobile .filters-unveil-button-wrapper {
    padding-top: 0px !important;
    border-top: none;
}

.popup-widget.login-widget {
    top: 60px !important;
}

.popup-widget.login-widget::before {
    right: 200px !important;
}

.user-action-login form#formLoginIncluded > .form-group .login-wrapper button {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.user-action-login form .msc-reg-wrapper > a,
.user-action-login form .msc-pass-helper {
    width: 100% !important;
}

.user-action-login form .msc-pass-helper {
    text-align: center !important;
}

.user-action-login form#formLoginIncluded > .form-group .login-wrapper .password-helper {
    width: 100% !important;
    text-align: center !important;
    float: unset !important;
}

.user-action-login form#formLoginIncluded > .form-group .login-wrapper .password-helper a {
    width: 100% !important;
    text-align: center !important;
    float: unset !important;
    padding-top: 10px !important;
}

.user-action-login h2 {
    display: none;
}

.user-action-login .user-action-tabs {
    display: none;
}

.user-action-login form {
    display: flex;
    flex-flow: column;
}

.user-action-login form#formLoginIncluded > .form-group:nth-child(2) {
    order: 3 !important;
}

.desktop .navigation-in > ul > li > a {
    padding-right: 5px;
    padding-left: 5px;
}

.user-action-login form#formLoginIncluded > .form-group:nth-child(3) {
    order: 3 !important;
}

.user-action-login form#formLoginIncluded > .form-group:nth-child(4) {
    margin-bottom: 5 !important;
    order: 50 !important;
}

.user-action-login form#formLoginIncluded > div:last-child {
    order: 0 !important;
    display: flex;
    flex-flow: column;
}

.user-action-login form#formLoginIncluded > .social-login-buttons {
    padding-bottom: 0px !important;
    order: 0 !important;
    display: flex;
    flex-flow: column;
}

.user-action-login .social-login-buttons-divider {
    order: 2 !important;
    margin: 20px 0;
}

.user-action-login form input {
    background: var(--color-zumthor);
}

.user-action-login .msc-reg-wrapper {
    border-top: 1px solid var(--color-alto);
    margin-top: 20px;
}

.user-action-login form button {
    float: left !important;
    background-color: var(--color-secondary) !important;
    color: var(--color-white) !important;
    border: 0;
    padding: 7px 30px;
    text-transform: none;
}

.user-action-login .password-helper {
    float: right;
}

.user-action-login .password-helper a:first-child {
    display: none;
}

.user-action-login .password-helper a:last-child {
    padding-top: 10px;
    text-decoration: underline;
}

.msc-reg-title {
    display: block;
    padding: 15px 0;
    font-weight: 600;
}

.msc-reg-wrapper > a {
    float: left !important;
    background-color: var(--color-shuttle-gray) !important;
    color: var(--color-white) !important;
    border: 0;
    padding: 9px 10px;
    text-transform: none;
    width: 140px;
    text-align: center;
}

.msc-pass-helper {
    float: right;
    width: 55%;
    padding-top: 10px;
}

.msc-pass-helper > a {
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    #navigation {
        height: 80px;
    }

    #navigation .menu-item-5810 .menu-column {
        min-height: 344px !important;
    }

    .menu-level-1 > li > a {
        max-width: fit-content;
    }

    .menu-level-1 > li.menu-item-998 > a {
        max-width: 130px;
    }

    .menu-level-1 > li.menu-item-7446 > a {
        max-width: 173px;
    }

    .menu-level-1 li.menu-item-851 {
        width: 125px;
    }

    .menu-level-1 li.menu-item-5810 {
        width: 61px;
    }

    #header {
        border-bottom: 80px solid #080e14 !important;
        height: 172px;
    }

    #navigation li.ext > ul {
        margin-top: 32px;
        align-items: stretch;
    }

    .menu-level-1 > li {
        min-height: 69.6px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .menu-level-1 > li > a {
        min-height: 69.6px;
    }

    .menu-level-1 > li.menu-item-851 > a,
    .menu-level-1 > li.menu-item-5810 > a {
        line-height: 47.6px;
    }

    .fitted .navigation-in > ul {
        justify-content: space-between;
    }
}


.filters-wrapper:before {
    content: "Filtrování";
    font-weight: bold;
    font-size: 18px !important;
    line-height: 40px !important;
}

.subcategories.with-image li a .text {
    width: 82%;
}

.subcategories {
    border-top: 1px solid var(--color-alto) !important;
}

html body:not(.in-kosik, .in-krok-1, .in-krok-2) .header-icons-contact {
    top: 43px !important;
}

.site-msg.information {
    position: relative !important;
    top: unset !important;
    left: unset !important;
    margin-left: unset !important;
    text-align: center !important;
    background: var(--color-turbo) !important;
    width: 100% !important;
    color: var(--color-white) !important;
}

.site-msg.information div {
    color: var(--color-black) !important;
}

#category-filter-hover.visible,
.content #category-filter-hover,
.content .sidebar #category-filter-hover.visible {
    display: flex;
    flex-direction: column;
}

.filter-section-parametric-id-302 {
    order: -100;
}

.filter-section-parametric-id-134 {
    order: -99;
}

.filter-section-parametric-id-155 {
    order: -98;
}

.filter-section-parametric-id-17 {
    order: -97;
}

.filter-section-parametric-id-200 {
    order: -96;
}

.filter-section-parametric-id-185 {
    order: -95;
}

.filter-section-parametric-id-80 {
    order: -94;
}

.filter-section-parametric-id-206 {
    order: -93;
}

.filter-section-parametric-id-77 {
    order: -92;
}

.filter-section-parametric-id-128 {
    order: -91;
}

.filter-section-parametric-id-20 {
    order: -90;
}

.filter-section-parametric-id-113 {
    order: -89;
}

.filter-section-parametric-id-308 {
    order: -88;
}

.filter-section-parametric-id-137 {
    order: -87;
}

.filter-section-parametric-id-140 {
    order: -86;
}

.filter-section-parametric-id-131 {
    order: -85;
}

.filter-section-parametric-id-26 {
    order: -84;
}

.filter-section-parametric-id-116 {
    order: -83;
}

.filter-section-parametric-id-449 {
    order: -82;
}

.filter-section-parametric-id-564 {
    order: -81;
}

.filter-section-parametric-id-537 {
    order: -80;
}

.filter-section-parametric-id-260 {
    order: -79;
}

.filter-section-parametric-id-38 {
    order: -78;
}

.filter-section-parametric-id-110 {
    order: -77;
}

.filter-section-parametric-id-101 {
    order: -76;
}

.filter-section-parametric-id-92 {
    order: -75;
}

.filter-section-parametric-id-107 {
    order: -74;
}

.filter-section-parametric-id-32 {
    order: -73;
}

.filter-section-parametric-id-173 {
    order: -72;
}

.filter-section-parametric-id-260 {
    order: -71;
}

.filter-section-parametric-id-254 {
    order: -69;
}

.filter-section-parametric-id-47 {
    order: -68;
}

.filter-section-parametric-id-104 {
    order: -67;
}

html body.type-index .premium-carousel-wrap.tmavy-vzhled #carousel + .carousel-navigation > .carousel-navigation-item.active,
html body.type-index .premium-carousel-wrap.tmavy-vzhled #carousel + .carousel-navigation > .carousel-navigation-item.active::before {
    background: var(--color-christi) !important;
}

#navigation .menu-column-items a i {
    font-weight: lighter !important;
    font-size: 14px !important;
}

.type-category #content .category-content-wrapper {
    display: flex;
    flex-direction: column;
    clear: both;
}

.type-category #content .category-content-wrapper .category-perex {
    order: -1;
}

.desktop.type-detail .dkLabFavDiv {
    bottom: 0px;
}

.mobile.type-detail .dkLabFavDiv {
    bottom: 40px;
}

#cboxLoadedContent #site-agree-button {
    font-size: 0px;
    display: block;
    padding: 7px 10px;
}

#cboxLoadedContent #site-agree-button:after {
    font-size: 22px;
    content: 'Vstoupit';
    position: relative;
    top: 4px;
}

/*
  *  Mobile - fix favorite
  */
@media screen and (max-width: 767px) {
    body > .overall-wrapper {
        overflow: hidden;
    }

    .header-top #oblibeneBtn {
        top: -98px;
        right: 73px;
    }

    .header-top #oblibeneBtn::before {
        font-size: 16px;
        color: var(--color-nepal);
    }

    .top-navigation-bar .favorite-icon {
        display: none;
    }

    body.type-index #carousel .carousel-inner .item img,
    body.type-index #homepage-banner .carousel-inner .item img {
        object-fit: contain !important;
        object-position: top;
    }

    body.type-index .premium-carousel-wrap.telefon-tlacitka #homepage-banner .carousel-control,
    html body.type-index .premium-carousel-wrap.telefon-tlacitka #carousel .carousel-control {
        color: black !important;
    }

    .sticky-mobile:not(.ordering-process):not(.paxio-merkur):not(.venus) #content-wrapper {
        padding-top: 0 !important;
    }

    .row.banners-row {
        padding: 0 !important;
    }
}

@media (max-width: 600px) {

    body.type-index .premium-carousel-wrap.telefon-tlacitka #carousel,
    body.type-index .premium-carousel-wrap.telefon-tlacitka #homepage-banner {
        height: 100vw !important;

    }
}

#navigationMobile {
    display: none;
}

@media screen and (max-width: 767px) {
    #navigation {
        display: none !important;
    }

    #navigationMobile {
        z-index: 999999999;
        position: fixed;
        right: 0;
        top: 0;
        width: 0;
        height: 100%;
        padding-bottom: 60px;
        background: #080e14;
        transition: all 0.3s ease-out;
        overflow-y: scroll;
        overflow-x: hidden;
        left: 100%;
        width: 100%;
        display: block;
    }

    .navigation-window-visible #navigationMobile {
        left: 0;
    }

    .jmobile-navigation-close {
        padding-top: 20px;
    }

    .jmobile-navigation-close::before {
        content: '\e912';
        display: block;
        color: var(--color-sushi);
        width: 25px;
        height: 25px;
        font-size: 25px;
        line-height: 25px;
        font-family: shoptet;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
    }

    .jmobile-navigation-close:hover {
        cursor: pointer;
    }

    .jmobile-navigation-close:hover::before {
        color: var(--color-white) !important;
    }

    .jmobile-menu-top {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        background: var(--color-gin);
    }

    .jmobile-menu-top-item {
        width: 50%;
        overflow: hidden;
        padding: 1em;
        display: flex;
        align-items: center;
        color: var(--color-ebony-clay);
    }

    .jmobile-menu-top-item:hover {
        background: var(--color-white);
        color: var(--color-ebony-clay);
    }

    .jmobile-menu-currency:hover {
        background: none;
    }

    .jmobile-menu-currency-item:hover {
        background: var(--color-white);
        color: var(--color-ebony-clay);
    }

    .jmobile-menu-currency-item.active {
        cursor: default !important;
    }

    .jmobile-menu-top-icon {
        height: 25px;
        display: inline-block;
        margin-right: 10px
    }

    .jmobile-menu-currency-item {
        box-sizing: border-box;
        border: 1px solid var(--color-ebony-clay);
        padding: 5px;
        color: var(--color-ebony-clay);
        margin-right: 10px;
    }

    .jmobile-menu-currency-item:last-child {
        margin-right: 0;
    }

    .jmobile-menu-currency-item.active {
        background: var(--color-nepal);
    }

    .jmobile-main-menu,
    .jmobile-sub-menu {
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        flex-direction: column;
        background: var(--color-white);
        position: absolute;
        top: 0;
        left: 100%;
        width: 100%;
        min-height: 100vh;
        -webkit-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        z-index: 2;
    }

    .jmobile-main-menu:not(:has(.jmobile-sub-menu.active)) {
        overflow: hidden;
    }

    .jmobile-sub-menu {
        min-height: 300vh;
    }

    .jmobile-main-menu.default,
    .jmobile-main-menu.active,
    .jmobile-sub-menu.active {
        left: 0;
        cursor: default;
    }

    .jmobile-main-menu.default {
        z-index: 1;
    }

    #navigationMobile .cart-count {
        top: 20px !important;
        background: var(--color-secondary);
        color: var(--color-white);
        border-radius: 5px;
        padding: 8px 8px 7px 7px;
        font-size: 17px;
        position: relative !important;
        height: 39px;
        right: 0px;
    }

    .cart-count i {
        left: -9px;
        top: -5px;
        color: var(--color-white);
        background-color: var(--color-christi);
        position: absolute;
        right: auto;
        bottom: auto;
        display: block;
        width: 17px;
        height: 17px;
        padding: 3px;
        font-style: normal;
        font-size: 11px;
        line-height: 11px;
        border-radius: 100%;
    }

    .jmobile-top {
        position: relative;
        display: flex;
        justify-content: space-between;
        padding: 0 20px;
    }

    .jmobile-main-menu-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid var(--color-alto);
    }

    .desktop .jmobile-main-menu-item:hover,
    .desktop .jmobile-sub-menu-item:hover,
    .desktop .jmobile-main-menu-item-backlink:hover {
        background: var(--color-boulder);
        cursor: pointer;
    }

    .jmobile-main-menu-item a,
    .jmobile-sub-menu-item.itemSplit > span {
        color: var(--color-ebony-clay) !important;
        padding: 15px;
        display: flex;
        align-items: center;
        flex-grow: 1;
    }

    .jmobile-sub-menu-item.itemSplit span a {
        padding: 0;
    }

    .hasSplits .jmobile-sub-menu-item a {
        padding-left: 25px;
    }

    .hasSplits .jmobile-sub-menu-item span a {
        padding: 0
    }

    .jmobile-sub-menu-item.itemSplit > span {
        font-weight: 700;
        color: var(--color-ebony-clay) !important;
        background: var(--color-wind-sand);
        justify-content: space-between;
    }

    .jmobile-sub-menu-item.itemSplit.jmobile-sub-menu-item--exp > span {
        padding: 0;
        padding-left: 15px;
    }

    .jmobile-sub-menu-item.itemSplit:not(+ .jmobile-sub-menu-item.itemSplit) {
        border: none;
    }


    .jmobile-sub-menu-item--exp:not(.jmobile-sub-menu-item--def-exp) ul {
        display: none;
    }

    .jmobile-sub-menu-l3 {
        list-style-type: none;
        padding-left: 0;
    }

    .hasSplits .jmobile-main-menu-item-backlink {
        margin-bottom: 3px;
    }

    .jmobile-main-menu-item-backlink {
        font-weight: bold;
        color: var(--color-ebony-clay) !important;
        background: var(--color-wind-sand);
        padding: 15px;
    }

    .jmobile-menu-icon {
        height: 35px;
        margin-right: 10px;
    }

    .jmobile-main-menu-item > a > span {
        font-size: 17px;
    }

    .jmobile-main {
        position: relative;
        width: 100%;
    }

    .jmobile-menu-wrap {
        position: relative;
        min-height: 100%;
    }

    .jmobile-submenu-open {
        color: var(--color-ebony-clay) !important;
        font-size: 30px;
        padding: 15px 20px;
        border-left: 1px solid var(--color-alto);
        line-height: 35px;
        font-family: monospace;
    }

    .jmobile-sub-menu-item {
        border-bottom: 1px solid var(--color-alto);
    }

    .jmobile-menu-top-item[href="/oblibene/"]:before {
        display: none;
    }

    .customer-info {
        color: var(--color-white);
        display: flex;
        flex-direction: column;
        padding: 10px 15px;
    }

    .customer-info > span {
        color: var(--color-cascade);
        font-size: 10px;
    }
}

.products-related .name {
    font-weight: bold;
}

.products-related .dkLabFavouriteProductDiv {
    display: none;
}

#navigation sup {
    font-size: 50%;
}

@media (max-width: 768px) {
    .template-11.type-detail .dklabZakoupeno {
        top: -25px !important;
    }
}

.type-product .flags-extra .flag-discount::after {
    left: auto;
}

.flags-favorite a::before {
    font-family: oblibene;
    content: '\e900';
    font-size: 80%;
    position: relative;
    top: 0;
    margin-right: 3px;
}

.flags-favorite > a {
    font-size: 90%;
}

.flags-favorite > a:hover {
    color: var(--color-primary) !important;
}

.has-detail-product-arrows .p-image.is-border-radius .carousel-control--product.right,
.has-detail-product-arrows .p-image.is-border-radius .carousel-control--product.left {
    z-index: 10 !important;
}

.message-eet {
    display: none;
}

.in-joyetech-vaal-q-bar-jednorazove-e-cigarety.type-category .breadcrumbs {
    float: unset !important;
}

.desktop .products-inline > div .p .p-in .p-bottom > div {
    padding-top: 15px !important;
}

#navigation .menu-column-img {
    margin: 0 10px 0px auto;
}

.menu-level-1 li.menu-item-673 {
    width: 150px;
}

.menu-level-1 li.menu-item-12025 {
    width: 100px;
}

.menu-level-1 > li.menu-item-989 > a,
.menu-level-1 > li.menu-item-683 > a,
.menu-level-1 > li.menu-item-8652 > a,
.menu-level-1 > li.menu-item-911 > a,
.menu-level-1 > li.menu-item-1094 > a {
    line-height: 47.6px;
}


@media screen and (max-width: 767px) {
    #header {
        border-bottom: 0 !important;
    }

    #oblibeneBtn,
    .responsive-tools > a[data-target="login"],
    .responsive-tools .login-icon,
    .top-navigation-bar .favorite-icon,
    .top-navigation-bar .fvscn-notification,
    .top-navigation-tools > .dropdown {
        display: none !important;
    }

    .responsive-tools {
        height: 70px;
    }

    #navigation {
        display: none !important;
    }
}


#checkoutSidebar .consents {
    background: #f3f3f3;
    margin-bottom: 0;
    padding: 10px 20px;
}

.next-step.next-step--step-2 {
    background: #f3f3f3;
    padding: 10px 20px 20px;
}

.consents input[type="checkbox"] + label::before {
    width: 23px;
    height: 23px;
    left: 5px;
}

.consents input[type="checkbox"]:checked + label::before {
    background: #0b137d;
    border-color: #0b137d;
}

.consents input[type="checkbox"]:checked + label::after {
    content: '\e913';
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 23px;
    text-transform: none;
    text-decoration: none;
    color: #fff;
    background: none;
    border: none;
    width: 23px;
    height: 23px;
    left: 10px;
}

.consents input[type="checkbox"] + label {
    padding-left: 35px;
    line-height: 19px;
    padding: 5px 26px 5px 35px !important;
    border: 1px solid transparent;
    width: 100%;
}

.consents input[type="checkbox"].error-field + label {
    border-color: #d9534f;
}

.next-step.next-step--step-2 #submit-order {
    display: flex;
}

.cart-back-to-shop {
    /* margin-top: 20px; */
    text-align: center;
    display: block;
}

.cart-back-to-shop .next-step-back.back-to-shop:before {
    content: '\e90f';
    display: inline-block;
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    vertical-align: initial;
    font-size: 14px;
    margin-right: 0.5ex;
}

.cart-age-verification {
    width: 100%;
    border: 1px solid #dadada;
    padding: 10px 15px 10px 15px;
    margin-bottom: 25px;
    position: relative;
}

.cart-age-verification p {
    color: #666
}

.plus18-mark {
    position: absolute;
    right: -20px;
    top: -16px;
    height: 75px;
    width: 75px;
    background-image: url(/user/documents/assets/img/18plusMark.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    border: 5px solid #fff;
    border-radius: 50%;
}

.mob-menu-top-brand-line,
.mob-menu-sale {
    /* border-bottom: none; */
}

.mob-menu-top-brand-line > a {
    /* background: var(--color-primary-hover); */
    color: #000 !important;
    /* font-weight: bold; */
}

.mob-menu-sale > a {
    /* background: #F4D13B; */
    color: #000 !important;
    /* font-weight: bold; */
}

.mob-menu-vyprodej > a {
    background: #F4D13B;
    color: #000 !important;
    font-weight: bold;
}

.mob-menu-vyprodej > .jmobile-submenu-open {
    background: #F4D13B;
    color: #000 !important;
}

.mob-menu-black-friday > a {
    background: #000;
    color: #F4D13B !important;
    font-weight: bold;
}

.mob-menu-black-friday > .jmobile-submenu-open {
    background: #000;
    color: #F4D13B !important;
}

#navigation .menu-split-5 .menu-column {
    flex-basis: 18.7%;
}

#navigation .menu-split-5 .menu-column.menu-column-type3 {
    flex-basis: 25%;
}

@media screen and (min-width: 768px) {
    .menu-level-1 > li.menu-item-9223 > a {
        max-width: 86px;
    }

    .menu-level-1 > li.menu-item-1094 > a {
        max-width: 100px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: left;
    }

    .menu-level-1 > li.menu-item-683 > a {
        max-width: 100px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: left;
    }

    .menu-level-1 > li.menu-item-989 > a {
        max-width: 90px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: left;
    }

    .menu-level-1 > li.menu-item-7140 > a {
        max-width: 110px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: left;
    }

    .menu-level-1 > li.menu-item-8652 > a {
        max-width: 70px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: left;
    }

    .menu-level-1 > li.menu-item-9174 > a {
        max-width: 100px;
        min-height: 68.6px;
        line-height: unset !important;
        text-align: center;
        padding: 5px 10px;
    }
}

.id-1 #hodnoceniobchodu,
.type-detail #hodnoceniobchodu {
    display: none;
}

.content-wrapper.homepage-box.middle-banners-wrapper {
    padding: 0px;
}

.custom-footer__banner1 .banner .banner-wrapper span {
    color: white !important;
}

.h4.homepage-group-title {
    display: none !important;
}

.msc-section-list {
    width: 100% !important;
}

#cat-9174 ul li {
    background: #000000;
}

#cat-9174 ul li a {
    color: #F4D13B !important;
}

#cat-9174 ul li {
    background: #000000;
}

#cat-9174 ul li a:hover,
#cat-9174 a:hover {
    text-decoration: underline !important;
}

.products-related .widget-parameter-wrapper {
    padding-bottom: 8px !important;
}

.products-related .p .name {
    max-height: 20px;
    overflow: hidden;
}

.products-related .widget-parameter-value:nth-of-type(3),
.products-related .widget-parameter-value:nth-of-type(4),
.products-related .widget-parameter-value:nth-of-type(5),
.products-related .widget-parameter-value:nth-of-type(6),
.products-related .widget-parameter-value:nth-of-type(7),
.products-related .widget-parameter-value:nth-of-type(8),
.products-related .widget-parameter-value:nth-of-type(9),
.products-related .widget-parameter-value:nth-of-type(10),
.products-related .widget-parameter-value:nth-of-type(11) {
    display: none !important;
}

.products-related .widget-parameter-wrapper {
    width: unset !important;
}

.products-related .widget-parameter-wrapper .widget-parameter-more {
    visibility: visible;
}

#cat-9174 > .topic > a span {
    display: none !important;
}

#cat-9174 > .topic > a {
    background: black !important;
}

#cat-9174 > .topic > a {
    color: #F4D13B;
}

#cat-9174 > .topic > a {
    border-width: 4px !important;
    border-color: #F4D13B !important;
    border-style: dashed !important;
    font-weight: bold;
}

.flag-black-friday {
    color: #F4D13B !important;
    border-width: 2px !important;
    border-color: #F4D13B !important;
    border-style: dashed !important;
}

.homepage-group-title.homepage-products-heading-27.h4 {
    display: block !important;
    font-size: 30px;
    font-weight: 500;
    text-transform: unset;
}

@media screen and (min-width: 768px) {
    html .menu-level-1 > li > a {
        min-height: 68.6px;
    }
}

.menu-level-1 > li.menu-item-9174 > a {
    line-height: 47.6px;
}

.menu-level-1 > li.menu-item-9174 > a:after,
.menu-level-1 > li.menu-item-9174 .menu-level-2 {
    display: none !important;
}

html .menu-level-1 > li.menu-item-9174 > a {
    /* line-height: 40.6px !important; */
}

.menu-level-1 > li.menu-item-9174 > a:after,
.menu-level-1 > li.menu-item-9174 .menu-level-2 {
    display: none;
}

.menu-level-1 > li.menu-item-9174 > a {
    background: black !important;
}

.menu-level-1 > li.menu-item-9174 > a b {
    color: #F4D13B;
}

html .navigation-in .menu-level-1 > li.menu-item-9174 a {
    border-width: 4px !important;
    border-color: #F4D13B !important;
    border-style: dashed !important;
}

html #navigation .menu-column-tops-title .menu-tops-line {
    background: var(--color-alto) !important;
}

a.languagesMenu__content {
    display: none;
}

.languagesMenu__box.toggle-window.js-languagesMenu__box:nth-of-type(2) {
    display: none;
}

.in-klientske-dobropisy .sidebar {
    display: block !important;
}

.client-center-box ul li:nth-child(8) {
    /* display: none !important; */
}

.client-center-box ul li:nth-child(10) {
    display: none !important;
}

.client-center-box ul li:nth-child(11) {
    display: none !important;
}

html .client-center-box ul li:nth-child(3)::before {
    background: url(/user/documents/assets/img/client-center/person.svg)
}

html .client-center-box ul li:nth-child(4)::before {
    background: url(/user/documents/assets/img/client-center/id-card.svg)
}

html .client-center-box ul li:nth-child(5)::before {
    background: url(/user/documents/assets/img/client-center/basket.svg)
}

html .client-center-box ul li:nth-child(7)::before {
    background: url(/user/documents/assets/img/client-center/files.svg)
}

html .client-center-box ul li:nth-child(12)::before {
    background: url(/user/documents/assets/img/client-center/discount.svg)
}

html .client-center-box ul li:nth-child(9)::before {
    background: url(/user/documents/assets/img/client-center/note.svg)
}

html .client-center-box ul li:nth-child(14)::before {
    background: url(/user/documents/assets/img/client-center/chat.svg)
}

html .client-center-box ul li:nth-child(15)::before {
    background: url(/user/documents/assets/img/client-center/favourite.svg)
}

html .client-center-box ul li:nth-child(13)::before {
    background: url("https://www.vapoo.cz/user/documents/assets/img/client-center/hodnoceni.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.client-center-box ul li:nth-child(8) {
    /* display: none !important; */
}

.client-center-box ul li:nth-child(10) {
    display: none !important;
}

.fvscn-component-applied.fvStudio-Classic .top-navigation-bar .top-navigation-tools .fvscn-notification {
    top: 0px;
}

.mobile .subcategories li {
    padding: 3px;
}

.mobile .parametric a[href="/e-cigarety-pro-dl-potah/"],
.mobile .parametric a[href="/e-cigarety-pro-mtl-potah/"],
.mobile .parametric a[href="/liquidy-bez-nikotinu/"],
.mobile .parametric a[href="/liquidy-s-nikotinem/"],
.mobile .parametric a[href="/liquidy-s-nikotinovou-soli/"] {
    padding-left: 50px !important;
}

.mobile .subcategories li a {
    padding: 5px 0px 5px 5px !important;
    padding-left: 5px;
}

.mobile .subcategories li a::before {
    display: none;
}

#dmproducts .product {
    margin: auto;
}

.popup-widget.cart-widget {
    z-index: 9999;
}

body.spinner-visible .overlay {
    background: none;
}

.c-product-interconnection-detail-params.is-template--Classic {
    order: -4;
}

.mobile .variant-table.v-table-design .cart-button-wrap {
    padding: 10px 0;
}

.mobile .p-final-price-wrapper .cart-button-wrap {
    width: 100%;
    order: 2;
    padding-top: 10px;
}

.mobile .s-design .add-to-cart .quantity {
    margin-right: 0;
}

#adulto-footer {
    display: none;
}

#js-plugin-header {
    display: none;
}

#js-plugin-header.under-buy {
    display: block;
}

.type-detail .link-icon.favorite {
    display: none;
}

.fvscn-notificationOpen .top-navigation-bar {
    background-color: #090c10 !important;
    transition: background-color .5s;
}

.fvscn-notificationOpen .top-navigation-contacts,
.fvscn-notificationOpen .top-navigation-tools > .dropdown,
.fvscn-notificationOpen .top-navigation-tools > .signin,
.fvscn-notificationOpen .top-navigation-tools > .login {
    opacity: 0.2;
    pointer-events: none;
}

body.type-index #carousel .carousel-control {
    display: block !important;
}

body.type-index #carousel .carousel-control.left,
.carousel-control.right {
    opacity: 1;
}

body.type-index #carousel .carousel-control.left:before {
    content: "\e90f";
    left: 20px;
}

body.type-index #carousel .carousel-control.right:before {
    content: "\e910";
    right: 20px;
}

body.type-index #carousel .carousel-control:before {
    border-radius: 50% !important;
    border-style: solid !important;
    border-width: 2px !important;
    background: transparent !important;
    color: #fff !important;
    font-family: 'shoptet';
}

@media screen and (max-width: 600px) {
    body.type-index #carousel .carousel-control:before {
        width: 44px !important;
        height: 44px;
        line-height: 44px;
        font-size: 28px;
        transform: none;
    }
}


@media screen and (max-width: 768px) {
    .ordering-process .responsive-tools > a[data-target=navigation] {
        position: relative;
    }

    ol.cart-header {
        position: relative;

    }

    body.ordering-process:not(.sticky-mobile):not(.paxio-merkur):not(.venus) .top-navigation-bar .site-name {
        display: block;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ordering-process .header-top .search {
        display: none;
    }

    .ordering-process .top-navigation-bar > .container {
        padding-bottom: 0;
    }

    .ordering-process .responsive-tools {
        top: 0;
    }

}

@media screen and (min-width: 768px) {
    .menu-level-1 > li.menu-item-10309 > a {
        max-width: 118px;
        background: #FEF200;
    }

    .menu-level-1 > li.menu-item-10309 > a b {
        color: #232F3F !important;
    }

    .menu-level-1 > li.menu-item-10309 > a:after {
        display: none !important;
    }

    .menu-level-1 > li.menu-item-10309 .menu-level-2 {
        display: none !important;
    }
}

#filters label[for="dd[]3"],
#filters label[for="dd[]11"],
#filters label[for="dd[]14"],
#filters label[for="dd[]543"],
#filters label[for="dd[]743"],
#filters label[for="dd[]746"],
#filters label[for="dd[]749"],
#filters label[for="dd[]752"],
#filters label[for="dd[]755"],
#filters label[for="dd[]758"],
#filters label[for="dd[]761"],
#filters label[for="dd[]778"],
#filters label[for="dd[]781"],
#filters label[for="dd[]787"],
#filters label[for="dd[]801"],
#filters label[for="dd[]804"],
#filters label[for="dd[]807"],
#filters label[for="dd[]830"],
#filters label[for="dd[]831"],
#filters label[for="dd[]832"],
#filters label[for="dd[]836"] {
    display: none !important;
}

/*
#shipping-112 .payment-info > span.sublabel:before  {
 content: "VÝHODNÁ CENA: Platí do 1. 7. 2024";
 color: var(--color-secondary);
 display: block !important;
 font-weight: normal;
 padding-bottom: 6px;
 font-style: italic;
 text-transform: none;
 font-size: 14px;
}*/
html .client-center-box ul li:nth-child(7)::before {
    background: url(/user/documents/assets/img/client-center/favourite.svg);
}

.kategorie-banner2.doprava-zdarma {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #7AAE0C !important;
}

.kategorie-banner2.doprava-zdarma a {
    font-weight: bold;
    color: white;

}

.desktop .novy-popis .cely-radek {
    display: flex;
    align-items: center;
}

.novy-popis .text-vpravo, .novy-popis .text-vlevo {
    padding-top: 20px;
    padding-bottom: 20px;
}

.novy-popis .obrazek-vpravo, .novy-popis .obrazek-vlevo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.novy-popis .text-vpravo p, .novy-popis .text-vlevo p {
    margin-bottom: 0px;
}

.novy-popis .text-vpravo h4, .novy-popis .text-vlevo h4 {
    color: #559905 !important;
    font-size: 14pt !important;
    margin-bottom: 20px !important;
}

.cart-toggle-unselected-options {
    background-color: var(--color-tertiary);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #dadada;
    text-transform: uppercase;
    padding: 10px;
    text-align: center;
    color: white;
    text-decoration: none !important;
}

.cart-toggle-unselected-options:after {
    display: none !important;
}

.cart-toggle-unselected-options::before {
    content: '\e90f';
    display: inline-block;
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    vertical-align: initial;
    font-size: 14px;
    margin-right: 0.5ex;
}

#filters label[for="dd[]851"] {
    display: none;
}

.in-krok-2.desktop .next-step-back.back-to-shop {
    padding: 15px 20px;
    background: #F8F8F8;
    border: 1px solid #efefef;
    display: inline-block;
}

.in-krok-2.mobile .cart-back-to-shop {
    text-align: center;
}

.order-summary-item.price {
    border-top-color: #b2b2b2;
}

.shipping-group-button.selected:not(.frydekMistek) .db-cena {
    display: none;
}

@media (min-width: 992px) {
    .order-summary-item.price {
        margin-left: 0px;
        margin-right: 0px;
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 20px;
    }
}

@media screen and (min-width: 768px) {
    html #navigation .navigation-in > .menu-level-1 > li.menu-item-10354 > a {
        max-width: 118px;
        background: #FEF200 !important;
        color: var(--color-black) !important;
    }
}

.p-price .p-label {
    visibility: hidden;
}

.mobile .step span::before {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 26px;
    margin-right: 1ex;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.mobile .step.step-1 span::before {
    content: "1" !important;
}

.mobile .step.step-2 span::before {
    content: "2" !important;
}

.mobile .step.step-3 span::before {
    content: "3" !important;
}

@media (max-width: 767px) {
    ol.cart-header li {
        display: block;
    }
}

.frydekmistek .db-cena {
    color: #7dc001;
}

.show-all-container a:before {
    content: '\e90e';
    display: inline-block;
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    vertical-align: initial;
    font-size: 14px;
    margin-right: 0.5ex;
}

.radio-wrapper {
    border-bottom-width: 0px;
}

.desktop.in-kosik .next-step .next-step-back {
    float: left;
    padding: 15px 20px;
    background: #F8F8F8;
    border: 1px solid #efefef;
    float: left;
}

.desktop.in-kosik .next-step #continue-order-button {
    float: right;
}

@media (min-width: 1440px) {
    .desktop .next-step {
        align-items: unset;
        flex-direction: unset;
        justify-content: unsafe;
        display: block;
    }
}

.payment-info b {
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
}

.mobile b, .mobile .db-misto {
    font-size: 13px;
}

@media (min-width: 1800px) {
    html .header-icons-contact {
        left: 59% !important;
    }
}

@media (min-width: 2200px) {
    html .header-icons-contact {
        left: 57% !important;
    }
}

@media (min-width: 2800px) {
    html .header-icons-contact {
        left: 55% !important;
    }
}

@media (min-width: 4000px) {
    html .header-icons-contact {
        left: 53% !important;
    }
}

.next-step-back.back-to-shop::before, .next-step .next-step-back::before {
    content: '\e90f';
    display: inline-block;
    vertical-align: middle;
    font-family: shoptet;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 0;
    text-transform: none;
    text-decoration: none;
    vertical-align: initial;
    font-size: 14px;
    margin-right: 0.5ex;
}

.mobile #select-country-payment .form-group {
    padding: 10px !important;
}

.co-box.co-delivery-method, .co-box.co-payment-method {
    border-top: 0px;
}

#order-billing-methods, #order-shipping-methods {
    border: 1px solid #efefef;
    padding: 10px 15px 5px;
    border-radius: 4px;
}

.in-krok-1 h4.order-delivery, .in-krok-1 h4.order-payment {
    padding: 10px 0px 0px 15px !important;
    border-bottom: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin: 0px !important;
    margin-bottom: 0px !important;
}

.desktop.in-krok-1 .next-step.next-step--step-1 {
    display: block !important;
}

.desktop.in-krok-1 .next-step.next-step--step-1 #orderFormButton {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
}

.desktop.in-krok-1 .next-step.next-step--step-1 a {
    float: left;
    margin-top: 20px;
    padding: 15px 20px;
    background: #F8F8F8;
    border: 1px solid #efefef;
}

.in-krok-2.mobile .next-step-back.back-to-shop {
    float: left;
    margin-left: 40px;
}

.in-krok-2 .form-group.consents.consents-first {
    color: #b2b2b2;
}

.mobile.in-krok-1 .order-summary .checkout-box {
    display: none;
}

.mobile.in-krok-1 .order-summary .cart-items {
    display: none;
}

.mobile.in-krok-1 #summary-box h4 {
    display: none;
}

.mobile.in-krok-1 .order-summary .order-summary-item.helper {
    display: none;
}

.mobile.in-krok-1 .order-recapitulation {
    display: none;
}

.id--9 .overall-wrapper {
    min-height: 100vh;
}

.in-krok-1 .order-delivery, .in-krok-1 .order-payment {
    font-size: 20px !important;
}

.in-krok-1 .radio-wrapper {
    padding-left: 0px;
    padding-right: 0px;
}

.vsechny-clanky {
    text-align: center;
}

.homepage-blog-wrapper .h4.homepage-group-title {
    display: block !important;
    font-size: 30px;
    font-weight: 500;
}

.desktop .homepage-blog-wrapper .news-item .image {
    max-height: 180px !important;
    overflow: hidden !important;
}

.blog-wrapper {
    background: white;
}

@media (min-width: 1200px) {
    .in-krok-1 .co-box {
        padding-left: 0px;
    }

    .in-krok-1 #select-country-payment .form-group {
        padding: 0px !important;
    }
}

.in-krok-1 .co-basic-information h4 {
    display: none;
}

.in-krok-1 .co-delivery-method h4:before, .in-krok-1 .co-payment-method h4:before {
    display: none;
}

.in-krok-1 .co-delivery-method h4, .in-krok-1 .co-payment-method h4 {
    color: var(--color-black) !important;
}

.in-krok-1 label[for="deliveryCountryId"], .in-krok-1 label[for="payment-currency"] {
    color: var(--color-black) !important;
}

#checkoutSidebar .cart-content {
    background: #F8F8F8;
}

.order-button-text {
    text-transform: none !important;
}

.order-button-suffix {
    display: none;
}

.mjs-out-of-stock .flags,
.mjs-out-of-stock .dklabZakoupeno,
.mjs-on-way .dklabZakoupeno {
    display: none !important;
}

.mjs-on-way,
.mjs-out-of-stock {
    position: relative;
}

/*
.mjs-out-of-stock p::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #00000043;
    width: 100%;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
*/
.mjs-on-way img,
.mjs-out-of-stock img {
    opacity: 0.5 !important;
}

.mjs-out-of-stock .mjs-oos-overlay {
    color: #fff;
    background: gray;
    font-weight: bold;
    border-radius: 30px;
    padding: 5px 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.mjs-color-wrap {
    margin-top: auto;
    padding-top: 20px;
}

.mjs-color-wrap-in {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    overflow: hidden;
}

.mjs-color-wrap::before {
    content: '';
    height: 0;
    width: 100%;
}

.mjs-color {
    border-radius: 50%;
    border: 1px solid grey;
    width: 25px;
    height: 25px;
    flex-shrink: 0;
}

.products-block .product:not(:has(.widget-parameter-wrapper)) .p-in {
    padding-bottom: 45px;
}

.products-block .product .p-in,
.products-block .product .p-in-in,
.products-block .product .p-in-in .p-desc {
    flex-grow: 1;
}

.products-block .product .p-in-in,
.products-block .product .p-in {
    display: flex;
    flex-direction: column;
}

.mjs-product-color .widget-parameter-wrapper {
    display: none !important;
}

#submit-order.disabled {
    opacity: .5;
}

#submit-order.disabled:hover {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
}

/*#checkoutSidebar .over18 {*/
/*    display: none;*/
/*}*/


#mjs-alternative-wrap {
    order: -4;
    display: flex;
    align-items: center;
    gap: 30px;
}

#mjs-alternative-wrap span {
    color: #b2b2b2;
}

#mjs-alternative-wrap + .c-product-interconnection-detail-params {
    display: none;
}

@media (max-width: 575px) {
    #mjs-alternative-wrap {
        gap: 10px;
        flex-wrap: wrap;
    }
}

.id-1 .latest-contribution-description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    max-height: 4.5em;
}

.id-1 .latest-contribution-description.expanded {
    -webkit-line-clamp: unset;
    max-height: none;
}

.latest-contribution-description-more {
    cursor: pointer;
    margin-top: 5px;
}

.latest-contribution-description-more:hover {
    text-decoration: underline;
}

@media (min-width: 992px) and (max-width: 1440px) {
    .header-icons-contact .flags-favorite {
        margin-left: 0;
    }

    .header-icons-contact .vlajky {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .header-icons-contact {
        display: none;
    }
}

@media (min-width: 768px) {
    .top-navigation-contacts > a {
        display: inline-block;
    }
}

.type-detail .products-related.products-inline .widget-parameter-wrapper {
    display: none;
}

.type-detail .products-related.products-inline .p-bottom > div {
    justify-content: space-between !important;
    align-items: center !important;
    flex-direction: row !important;
}

.type-detail .products-related.products-inline .p-bottom > div > div {
    margin: 0 !important;
    position: relative;
    flex-basis: auto !important;
    bottom: auto !important;
    right: auto;
}

.type-detail .products-related.products-inline .p .p-in .p-bottom > div {
    padding-top: 0 !important;
}

.type-detail .products-related.products-inline .p .availability {
    margin-top: 0 !important;
    text-align: right;
    width: 100%;
}

.type-detail .products-related.products-inline .p .price strong {
    font-size: 15px;
}

@media (min-width: 992px) {
    .type-detail .products-inline > div .p .p-in .p-bottom {
        flex-basis: 65%;
    }
}

.products.products-block .availability {
    text-align: center;
    margin-top: 15px !important;
    font-weight: bold;
    font-size: 15px !important;
}

.mobile .products.products-block .availability {
    font-size: 17px !important;
}

.products.products-block .ratings-wrapper {
    order: -2;
    padding-bottom: 0;
    min-height: auto;
}

.products.products-block .ratings-wrapper .stars-wrapper {
    flex: 0 1 auto;
}

.mjs-rate-fav .dkLabFavouriteProductLinkRemove:hover,
.mjs-rate-fav .dkLabFavouriteProductLinkAdd {
    color: #cacbcb;
}

.mjs-rate-fav .dkLabFavouriteProductLinkAdd:hover {
    color: var(--dklab-favourites-remove-text-color);
}

.products.products-block .dkLabFavouriteProductDiv.onlyIcon span:before {
    content: '\e901';
}

.products.products-block .dkLabFavouriteProductDiv.onlyIcon {
    order: -1;
    position: relative;
    top: auto;
    right: auto;
    display: inline;
    font-size: 14px;
}

.mjs-rate-fav .stars-wrapper {
    display: flex !important;
}

.mjs-rate-fav .stars-wrapper,
.mjs-rate-fav .stars {
    height: 14px;
    width: auto;
}

.mjs-rate-fav .stars span {
    height: 14px;
    line-height: 14px;
    width: 15px;
}

.mjs-rate-fav .stars span:before {
    font-size: 14px;
    line-height: 14px;
}

.mjs-rate-fav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.products.products-block .p-bottom > div {
    align-items: center;
}

.lb-product .category-appendix {
    display: none !important;
}

#mjs-hp-top h4 {
    margin-bottom: 30px;
    font-weight: 500;
}

.mjs-hp-top-tiles {
    display: flex;
    gap: 20px;
}

.mjs-hp-top-tiles > a {
    flex-basis: 25%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

:is(.mjs-tile-question,.mjs-tile-percent,.mjs-tile-sparks,.mjs-tile-check) {
    padding-left: 45px;
    position: relative;
}

.mjs-hp-top-tile-header {
    text-align: left;
    text-transform: uppercase;
    text-decoration: underline;
}

:is(.mjs-tile-question,.mjs-tile-percent,.mjs-tile-sparks,.mjs-tile-check):before {
    content: '';
    background: transparent center center no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -12px;
    left: 0;
}

.mjs-tile-question:before {
    background-image: url(/user/documents/assets/img/hp-top/icon/question.png);
}

.mjs-tile-percent:before {
    background-image: url(/user/documents/assets/img/hp-top/icon/percent.png);
}

.mjs-tile-sparks:before {
    background-image: url(/user/documents/assets/img/hp-top/icon/spark.png);
}

.mjs-tile-check:before {
    background-image: url(/user/documents/assets/img/hp-top/icon/check.png);
}

.mjs-hp-top-tile-content {
    text-align: left;
}

.mjs-hp-top-sell {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
}

.mjs-hp-top-sell > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 1 19%;
    padding: 5px;
    background: var(--color-gallery);
    overflow: hidden;
}

.mjs-hp-top-sell img {
    max-height: 75px;
    max-width: 75px;
    margin-left: 5px;
}

.mjs-hp-top-sell > a > span {
    text-transform: uppercase;
    padding: 0 20px;
}

.mjs-hp-top-split {
    display: flex;
    margin-top: 20px;
    max-width: 100%;
}

.mjs-hp-top-split-tiles-wrap {
    flex-basis: 70%;
    display: flex;
    flex-shrink: 0;
}

.mjs-hp-top-split-news {
    flex-basis: 30%;
    flex-grow: 0;
    width: 30%;
}

.mjs-hp-top-news {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mjs-hp-top-news-header {
    background: #78a817;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    padding: 10px;
}

.mjs-hp-top-news-bot {
    background: #F1F1F1;
    padding: 10px;
}

.mjs-hp-top-news-header img {
    height: 40px;
}

.mjs-hp-top-split-tiles {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-around;
    padding-top: 1px;
}

.mjs-hp-top-split-tile {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 20px;
    justify-content: space-evenly;
    width: 50%;
    gap: 20px;
    border: 1px solid lightgray;
    padding: 15px;
    margin-top: -1px;
    box-sizing: border-box;
}

.mjs-hp-top-split-tile > span {
    padding-left: 20px;
}

.mjs-hp-top-split-tile:nth-child(even) {
    border-left-width: 0;
}

.mjs-hp-top-split-tile .mjs-hp-top-split-tile-top {
    text-decoration: underline;
    color: #27292b;
    font-size: 20px;
    transition: text-decoration-color .3s ease, -webkit-text-decoration-color .3s ease;
}

.mjs-hp-top-split-tile:hover .mjs-hp-top-split-tile-top {
    text-decoration-color: transparent;

}

.mjs-hp-top-split-tile .mjs-hp-top-split-tile-bot {
    font-size: 14px;
    display: block;
    margin-top: 20px;
    color: #27292b;
}

.mjs-hp-top-split-tile div {
    flex-grow: 1;
}

.mjs-hp-top-split-tile img {
    height: 130px;
}

.mjs-hp-top-news-content {
    background: #F1F1F1;
    padding: 15px 0;
    flex-grow: 1;
}

.mjs-hp-top-news-content ul {
    overflow-y: auto;
    max-height: 250px;
}

.mjs-hp-top-split-news ul {
    padding-left: 0;
    margin: 0;
}

.mjs-hp-top-split-news li {
    list-style: none;
}

.mjs-hp-top-news-content a {
    display: flex;
    font-weight: bold;
    padding: 3px 10px;
    color: #000;
}

.mjs-hp-top-news-content a > div:not(.mjs-hp-top-news-item-date) {
    flex-grow: 0;
    width: calc(100% - 40px);
}

.mjs-hp-top-news-content .mjs-hp-top-news-item-sub {
    display: block !important;
    color: gray;
}

.mjs-hp-top-news-content a:hover div .mjs-hp-top-news-item-title {
    text-decoration: underline;
}

.mjs-hp-top-news-item-date {
    flex-basis: 40px;
    flex-shrink: 0;
}

.mjs-hp-top-news-item-type span:first-child {
    margin-right: 3px;
}

.mjs-hp-top-news-item-title {
    font-weight: bold;
}

.mjs-hp-top-news-item-type span:first-child,
.mjs-hp-top-news-item-sub {
    font-weight: normal;
}

.mjs-hp-top-category img {
    filter: grayscale(0%);
    transition: filter 0.3s ease;
}

.mjs-hp-top-category:hover img {
    filter: grayscale(100%);
}

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

.benefitBanner__data {
    display: block;
    font-size: 1.1em;
    width: 100%;
}

@media (min-width: 1200px) {
    .benefitBanner__item {
        width: auto;
        flex: 1 1 20% !important;
    }
}

@media (max-width: 1199px) {
    .benefitBanner__item:nth-child(4) {
        display: none;
    }
}

.benefitBanner__link {
    color: #000 !important;
    flex-grow: 1;
}

.benefitBanner__content {
    text-decoration: underline;
}

.benefitBanner__link:hover .benefitBanner__content {
    text-decoration: none;
}

.benefitBanner__img {
    width: 75px;
}

.benefitBanner {
    justify-content: space-evenly;
    padding: 0 50px;
    margin: 0px -10px;
    width: auto;
    max-width: none;
}

.benefitBanner.position--benefitHomepage {
    background: #F1F1F1;
    padding: 20px 50px;
}

.mjs-hp-top-categories {
    display: flex;
    -webkit-box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .13);
}

.mjs-hp-top-category {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid lightgray;
    padding: 15px;
    border-left-width: 0;
    flex: 0 0 calc(100% / 6);
}

.mjs-hp-top-category--multi {
    padding: 0;
}

.mjs-hp-top-category-in {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mjs-hp-top-category-sub {
    flex: 0 0 33.333333%;
    padding: 8px 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.mjs-hp-top-category-sub img {
    max-height: 30px;
}

@media (max-width: 480px) {

    .mjs-hp-top-category-sub:last-child {
        padding-bottom: 15px;
    }

    .mjs-hp-top-category-sub img {
        max-height: 25px;
    }

    .mjs-hp-top-category-sub {
        flex: 1 1 33.333333%;
        padding: 8px;
    }
}

.mjs-hp-top-category:first-child {
    border-left-width: 1px;
}

.mjs-hp-top-category span {
    color: #000;
    text-decoration: underline;
    font-size: 18px;
    text-align: center;
}

.mjs-hp-top-category:not(.mjs-hp-top-category--multi):hover span,
.mjs-hp-top-category-sub:hover span {
    text-decoration: none;
}

.mjs-hp-top-categories-head,
#mjs-hp-top .mjs-hp-top-brands-head {
    text-align: center;
    font-size: 30px;
    /* font-weight: normal !important; */
    margin-top: 50px;
}

#mjs-hp-top .mjs-hp-top-brands-head {
    margin-bottom: 10px;
}

.mjs-hp-top-brands-sub {
    text-align: center;
}

.mjs-hp-top-brands img {
    max-height: 75px;
}

.desktop .next-step.next-step--step-2 .next-step-back {
    display: none;
}

.desktop .category-title:after {
    content: "";
    clear: both;
    display: table;
}

.mjs-hp-top-split-tile,
.mjs-hp-top-category,
.mjs-hp-top-category-sub {
    position: relative;
    z-index: 1;
    transition: box-shadow .3s ease, -webkit-box-shadow .3s ease;
}

.mjs-hp-top-split-tile:hover,
.mjs-hp-top-category:not(.mjs-hp-top-category--multi):hover,
.mjs-hp-top-category-sub:hover {
    -webkit-box-shadow: 0 4px 16px rgba(122, 128, 133, .57);
    box-shadow: 0 4px 16px rgba(122, 128, 133, .57);
    z-index: 2;
}

.mjs-hp-top-brand {
    transition: all .3s ease-out;
    border: 1px solid #f4f4f4;
    border-radius: 4px;
    filter: grayscale(1) !important;
    padding: 10px;
}

.mjs-hp-top-brand:hover {
    box-shadow: 0 4px 12px #2f272526;
    filter: none !important;
}

.mjs-hp-top-brands .slick-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.mjs-hp-top-brands {
    padding: 0 50px;
}

.mjs-hp-top-brands .slick-arrow, .mjs-hp-top-brands .slick-arrow:before {
    speak: none;
    display: inline-block;
    font-family: shoptet;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, 0.25);
}

.mjs-hp-top-brands .slick-arrow {
    visibility: hidden
}

.mjs-hp-top-brands .slick-arrow.slick-prev:before {
    content: "\e90f";
    visibility: visible;
    left: 0;
}

.mjs-hp-top-brands .slick-arrow.slick-prev {
    left: 0;
}

.mjs-hp-top-brands .slick-arrow.slick-next:before {
    content: "\e910";
    visibility: visible;
    right: 0;
}

.mjs-hp-top-brands .slick-arrow.slick-next {
    right: 0;
}

.in-cerstve-novinky .autor-clanku,
.in-cerstve-novinky .news-category,
.in-cerstve-novinky .article-detail {
    display: none;
}

.in-cerstve-novinky .news-item .text {
    display: flex;
    flex-direction: column;
}

.in-cerstve-novinky .news-item .text time {
    order: -1;
    border: none !important;
    margin-bottom: 0;
}

.in-cerstve-novinky .news-item .text .title {
    border-bottom: 1px solid var(--color-concrete) !important;
    padding-bottom: 10px !important;
    margin-bottom: 20px;
}

.type-detail .social-buttons-wrapper {
    margin-top: 25px;
}

.type-detail:not(:has(.variant-table)) .social-buttons-wrapper {
    margin-top: 0;
}

.in-index .content-wrapper:not(.msc-section-last) .dklabSliderplusHomeWrapper:not(.active) {
    visibility: hidden;
    height: 0;
}

.id-1 #dklab_instagram_widget {
    padding: 60px 0;
    margin: 0;
    margin-bottom: 0 !important;
}

.id-1 #dklab_instagram_widget {
    padding: 50px 0;
    margin: 0;
}


.in-index .content > div.products-block,
.in-index #content > div.products-block {
    display: none;
}

@media (min-width: 767px) {
    .lSSlideOuter.dklabSliderplusHomeWrapper .lSAction > .lSPrev {
        left: -15px;
    }

    .lSSlideOuter.dklabSliderplusHomeWrapper .lSAction > .lSNext {
        right: -15px;
    }
}

.msc-section-last {
    padding-bottom: 20px;
}

.has-detail-product-arrows.dklab-sliderplus-arrow-bublina .p-image .carousel-control.right:before {
    content: "\e910" !important;
    color: #fff;
}

.has-detail-product-arrows.dklab-sliderplus-arrow-bublina .p-image .carousel-control.left:before {
    content: "\e90f" !important;
    color: #fff;
}

.lSAction > a:before {
    font-family: shoptet;
    color: #fff;
    line-height: 50px;
}

body.dklab-sliderplus-arrow-bublina .lSAction > a.lSNext:before, body.dklab-sliderplus-arrow-bublina .carousel-control.right::before {
    content: "\e910" !important;
}

body.dklab-sliderplus-arrow-bublina .lSAction > a.lSPrev:before, body.dklab-sliderplus-arrow-bublina .carousel-control.left::before {
    content: "\e90f" !important;
}

body.dklab-sliderplus-arrow-bublina .lSAction > a {
    background-color: var(--color-detail-product-arrows-BG);
    border-radius: 100%;
    width: 50px;
    height: 50px;
}

.mjs-cat-breadcrumb {
    display: flex;
    justify-content: flex-end;
}

#mjs-hp-top {
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .mjs-hp-top-news-content ul {
        max-height: 290px;
    }
}


@media (max-width: 991px) {
    .mjs-hp-top-categories,
    .mjs-hp-top-split {
        flex-wrap: wrap;
    }

    .mjs-hp-top-category {
        flex: 1 0 33%;
    }

    .mjs-hp-top-split-tiles-wrap,
    .mjs-hp-top-split-news {
        flex-basis: 100%;
    }

    .mjs-hp-top-split-news {
        padding-top: 20px;
    }

    .mjs-hp-top-split-tile img {
        height: 100px;
    }
}

@media (max-width: 650px) {
    .mjs-hp-top-split-tile {
        width: 100%;
    }

    .mjs-hp-top-split-tile:nth-child(even) {
        border-left-width: 1px;
    }
}

@media (max-width: 480px) {
    .mjs-hp-top-category {
        flex: 1 0 50%;
    }

    .benefitBanner.position--benefitHomepage {
        margin: 0 -20px;
        padding: 20px;
    }

    .mjs-hp-top-brands {
        padding: 0 20px;
    }

    .mjs-hp-top-brands .slick-arrow.slick-prev {
        left: -5px;
    }

    .mjs-hp-top-brands .slick-arrow.slick-next {
        right: -5px;
    }

    .mjs-hp-top-brands .slick-arrow, .mjs-hp-top-brands .slick-arrow:before {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 15px;
    }

    .lSSlideWrapper, .lSSlideOuter {
        overflow: visible !important;
    }

    .lSSlideOuter.dklabSliderplusHomeWrapper .products > div {
        padding: 20px 10px !important;
    }

    .lSAction {
        display: none !important;
    }
}

main .lSSlideOuter.dklabSliderplusHomeWrapper .products > div {
    padding-top: 0 !important;
}

.p-detail-inner-header img {
    display: none;
}

.p-detail-inner-header img:first-child {
    display: block;
}

.mjs-cat-head {
    display: flex;
    flex-wrap: wrap;
}

.mjs-cat-head-main {
    flex: 1 1 60%;
    padding-top: 5px;
}

.mjs-cat-head-side {
    flex: 1 0 20%;
    display: flex;
}

.mjs-cat-head-side img {
    margin: 0 10px;
}

.mjs-cat-head-side h3 {
    margin: 0;
}

.mjs-cat-head-side ul {
    list-style-type: none;
    padding: 0
}

.mjs-cat-head-side li {
    padding: 5px 0 5px 20px;
    background: url(https://www.hori.cz//user/documents/upload/in-stock-ico.svg) center left no-repeat;
    background-size: 15px;
    white-space: nowrap;
}

.mjs-cat-head-side a {
    text-decoration: underline;
    color: #000 !important;
}

.mjs-cat-head-side a:hover {
    text-decoration: none;
}

@media (max-width: 1200px) {
    .mjs-cat-head-main, .mjs-cat-head-side {
        flex-basis: 100%;
    }

    .mjs-cat-head-side {
        margin-top: 20px;
    }
}

@media (max-width: 768px) {
    .dklabSliderplusHomeWrapper.hasMobileArrows {
        width: calc(100% - 30px);
        margin-left: 10px;
    }

    .dklabSliderplusHomeWrapper .swiper-button-next {
        right: -25px;
        background: #fff;
    }

    .dklabSliderplusHomeWrapper .swiper-button-prev {
        left: -10px;
        background: #fff;
    }

    .mjs-brand-desc {
        order: -1;
    }

    #filters-wrapper {
        order: -2;
    }
}

@media (min-width: 768px) {
    .type-post .mjs-blog-additional .news-item {
        flex-basis: 33% !important;
        width: 33% !important;
    }
}

@media (max-width: 767px) {
    .type-post .mjs-blog-additional .news-item {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

/**/
.mjs-blog-additional time {
    display: none;
}

#navigationMobile:not(:has(.jmobile-menu-login)) :is(.mob-menu-inf-reg,.mob-menu-inf-log) {
    display: none;
}

.in-login .dkLabVisitedProductsBox,
.in-registrace .dkLabVisitedProductsBox {
    display: none;
}

.mobile.in-login .social-login-buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.mobile.in-login .msc-pass-helper {
    float: none;
    padding-top: 20px;
}

.mobile.in-login .msc-reg-wrapper > a {
    float: none !important;
}

[class^="custom-footer__banner"]:has(.mjs-banner) {
    display: none;
}

.custom-footer__banner69 {
    display: none;
}

.mjs-cta {
    background-color: #fff;
    margin-bottom: 35px;
    border-radius: 6px;
    padding: 24px 16px;
    display: flex;
    align-items: stretch;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

.mjs-cta-image {
    flex: 0 0 20%;
}

.mjs-cta-content {
    flex: 1 0 80%;
    display: flex;
}

#content .mjs-cta-button {
    display: flex;
    justify-content: center;
}

#content .mjs-cta-button .btn.btn-default {
    text-decoration: none;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

#content .mjs-cta-button .btn.btn-default:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
}

.mjs-cta .mjs-cta-text {
    flex: 0 1 80%;
}

.mjs-cta .mjs-cta-button {
    flex: 0 0 20%;
    align-items: center;
}

@media (max-width: 767px) {
    .mjs-cta .mjs-cta-text,
    .mjs-cta .mjs-cta-button {
        flex: 0 0 100%;
    }

    .mjs-cta .mjs-cta-button {
        justify-content: flex-start !important;
    }

    .mjs-cta-content {
        flex-wrap: wrap;
    }
}

.in-blog .sidebar.sidebar-right {
    display: flex !important;
    justify-content: center;
}

.in-blog .sidebar.sidebar-right .banner {
    overflow: unset;
}

.in-blog .sidebar.sidebar-right .banner-wrapper {
    position: sticky;
    top: 170px;
}

@media (max-width: 991px) {
    .in-blog .sidebar.sidebar-right {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .mjs-detail-breadcrumbs {
        display: none;
    }
}

@media (max-width: 767px) {

    .p-detail-inner-header .breadcrumbs {
        display: none;
    }

    .breadcrumbs {
        display: flex;
        width: 100%;
        font-size: 14px;
    }

    .navigation-home-icon-wrapper::before,
    .breadcrumbs > span:not(:nth-last-child(2)) {
        display: none;
    }

    .navigation-home-icon .sr-only {
        position: relative;
    }

    .breadcrumbs > span {
        flex: 0 0 100%;
    }

    .breadcrumbs > span > a:after {
        content: "\e90f";
        font-size: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: auto;
        left: 18px;
        transform-origin: left;
        font-family: 'shoptet';
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        bottom: auto;
        background: none;
        width: auto;
        margin: auto;
    }

    .mjs-detail-breadcrumbs, .mjs-cat-breadcrumb {
        width: 100vw;
        background-color: #F6F6F6;
        margin: 0 -10px 20px;
        border-bottom: 1px solid #7c7e8f30;
    }

    .mjs-cat-breadcrumb {
        margin-top: -20px;
    }

    .mjs-cat-breadcrumb .breadcrumbs {
        padding-right: 0 !important;
    }

    .mjs-detail-breadcrumbs .breadcrumbs > span > a,
    .breadcrumbs > span > a {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 400 !important;
        padding: 11px 15px 11px 40px !important;
        position: relative;
        display: block;
        width: 100%;
    }
}

fieldset div:has(#dd\[\]1093,#dd\[\]1096) {
    display: none;
}

.subcategories .mjs-show-all-subcat a,
.jmobile-sub-menu-item.jmobile-sub-menu-unveil a {
    color: var(--color-primary) !important;
}

/* NEW DESING */
.mjs-new-design .p-detail-inner h1 {
    margin-top: -6px;
}

.mjs-new-design .p-detail-info > div {
    max-width: fit-content;
}

.mjs-new-design .p-detail-info .flag-action {
    display: flex;
    align-items: center;
}

.mjs-new-design .p-detail-info .flags:before {
    display: none;
}

@media (max-width: 768px) {
    .mjs-filter-popup-open:has(#filters) {
        overflow: hidden;
    }

    .mjs-filter-popup-open:has(#filters) #return-to-top,
    .mjs-filter-popup-open:has(#filters) #smartsupp-widget-container {
        display: none !important;
    }

    #content .filters.visible {
        display: none;
    }

    .filters-unveil-button-wrapper {
        display: none;
    }

    .mjs-filter-button-wrap {
        text-align: center;
        padding: 50px 0 20px;
    }

    .mjs-filter-popup-open #filters {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1068;
        background: var(--color-saltpan);
        overflow: scroll;
        margin-bottom: 0;
        padding: 50px 20px 80px;
    }

    .mjs-filter-pop-header,
    .mjs-filter-pop-footer {
        position: fixed;
        left: 0;
        right: 0;
        z-index: 1069;
        padding: 20px;
        background: var(--color-saltpan);
        display: none;
    }

    .mjs-filter-pop-header {
        top: 0;
        border-bottom: 1px solid #d9d9d9;
        align-items: center;
        justify-content: space-between;
    }

    .mjs-filter-pop-footer {
        bottom: 0;
        border-top: 1px solid #d9d9d9;
    }

    .mjs-filter-popup-open .mjs-filter-pop-header {
        display: flex;
    }

    .mjs-filter-popup-open .mjs-filter-pop-footer {
        display: block;
    }

    .mjs-filter-pop-footer-btn {
        width: 100%;
    }

    .mjs-filter-pop-header span {
        font-size: 1.8rem;
        font-weight: 500;
    }

    .mjs-filter-pop-header > div {
        display: flex;
        flex-direction: column;
    }

    .mjs-filter-pop-header button {
        background: none;
        border: none;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mjs-filter-pop-header button:hover {
        cursor: pointer;
    }

    .mjs-has-multi-select form {
        display: none;
    }

    #filters .filter-section {
        border-top: none;
    }

    .mjs-has-multi-select .multi-select {
        background: #fff;
    }

    #filters .filter-sections {
        padding-bottom: 200px;
    }

    .filters-wrapper:before {
        display: none;
    }

    .filters-wrapper {
        background: none !important;
    }

    .category-top:not(:has(.subcategories)) {
        margin-bottom: -30px
    }
}

/*.mjs-detail-top-related .product {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    padding: 10px 0;*/
/*    border-bottom: 1px solid #dedad7;*/
/*}*/

/*.mjs-detail-top-related .product div[data-micro="offer"] {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    flex: 0 0 150px;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    margin-left: 40px*/
/*}*/

/*.mjs-detail-top-related .product > .image {*/
/*    width: 60px;*/
/*    flex: 0 0 60px;*/
/*}*/

/*.mjs-detail-top-related a.btn {*/
/*    content: '';*/
/*    padding: 5px 10px;*/
/*}*/

/*.mjs-detail-top-related a.btn:before {*/
/*    speak: none;*/
/*    display: inline-block;*/
/*    font-family: shoptet;*/
/*    font-style: normal;*/
/*    font-variant: normal;*/
/*    font-weight: 400;*/
/*    line-height: 0;*/
/*    text-decoration: none;*/
/*    text-transform: none;*/
/*    vertical-align: middle;*/
/*    content: "\e90c";*/
/*    font-size: 20px;*/
/*    margin-right: 7px;*/
/*    margin-top: -3px;*/
/*}*/

/*.mjs-detail-top-related .product .price-final {*/
/*    width: initial;*/
/*    white-space: nowrap;*/
/*    font-size: 15px;*/
/*}*/

/*.mjs-detail-top-related .product a.name {*/
/*    font-size: 13px;*/
/*    font-weight: bold;*/
/*    color: #232f3f;*/
/*    flex: 0 0 35%;*/
/*}*/

/*.mjs-detail-top-related .product .availability {*/
/*    margin-left: auto;*/
/*    font-size: 13px;*/
/*    flex: 0 0 150px;*/
/*}*/

/*.mjs-detail-top-related .flags,*/
/*.mjs-detail-top-related .p-desc,*/
/*.mjs-detail-top-related button span,*/
/*.mjs-new-design .p-detail .products.products-related {*/
/*    display: none;*/
/*}*/

.mjs-new-design .p-final-price-wrapper {
    border-radius: 12px;
    border: none;
    padding: 0 20px;
}

.mjs-new-design .p-final-price-wrapper .dkLabFavDiv {
    position: relative;
    order: 9;
    background: #fff;
    border: #fff;
    border-radius: 12px;
    margin-left: 15px;
    padding: 0;
}

.mjs-new-design .p-final-price-wrapper .add-to-cart {
    margin-left: auto;
    width: auto;
    gap: 15px;
}

.mjs-new-design .p-final-price-wrapper .add-to-cart .add-to-cart-button {
    border-radius: 6px;
    padding: 5px 75px;
}

.mjs-new-design .p-final-price-wrapper .dkLabFavDiv > span > span {
    display: none;
}

.mjs-new-design .p-final-price-wrapper .dkLabFavDetailSpan {
    width: 48px !important;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mjs-new-design .p-final-price-wrapper .dkLabFavDetailSpan:before {
    margin-right: 0;
}

.mjs-new-design.type-product .detail-extra-availability {
    width: auto;
    min-height: auto;
    background: none;
    border: none;
    padding: 0;
}

.mjs-new-design .dea-info {
    display: none;
}

.mjs-new-design .availability-value {
    width: auto;
    background: none;
}

.mjs-new-design .delivery-time > span {
    font-weight: bold;
}

.mjs-new-design .detail-extra-delivery-container {
    margin-left: auto;
}

#navigation .menu-column-items a.mjs-submenu-red {
    color: var(--color-secondary) !important;
}

.mjs-submenu-separator {
    margin: 20px 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid var(--color-cream)
}