#nav-responsive-icon {
    overflow: hidden; /* HEADER TITLE */
}

#header-title {
    color: black;
    text-align: left;
    margin: 0;
    font-weight: normal;
    line-height: 1em;
    display: block;
    position: absolute;
    top: 30px;
    text-decoration: none;
}

#stickeyHeader {
    width: 100%;
    z-index: 99;
}

.logo-undermenu {
    width: 182px;
    height: 63px;
    position: absolute;
    right: 0;
    z-index: 10;
}

@media (max-width: 1440px) and (min-width: 992px) {
    .col-lg-3 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
}

.podkategorie .row > li {
    margin-top: 10px !important;
}

@media (max-width: 992px) and (min-width: 768px) {
    .podkategorie .col-md-4, .commodityCatalog .col-md-4, .dropdown-menu .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

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

    .prod .prod-image {
        height: 250px !important;
        line-height: 250px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .container {
        max-width: 98% !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 98% !important;
    }
}

@media (max-width: 1199px) {
    .basket-upper-text {
        display: none;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .btn-sm-wide {
        width: 100%;
        margin: 0.8rem 0 !important;
    }
}

#hero {
    overflow: hidden;
}

a {
    color: #aa0012;
    text-decoration: underline;
}

a:hover {
    color: #de0018;
    text-decoration: underline;
}

a.btn {
    text-decoration: none;
}

a.btn:hover {
    text-decoration: none;
}

.color-primary {
    color: #aa0012;
}

.color-success {
    color: #aa0012;
}

.color-search {
    color: #000;
}

.color-secondary {
    color: #000;
}

.color-bg-color-line {
    background-color: #f0f0f0;
}

.color-header-bg {
    background-color: #f0f0f0;
}

.color-bg-color-primary {
    background-color: #aa0012;
}

.color-bg-left-menu {
    background-color: #f0f0f0;
}

.hidden {
    display: none;
}

.clearfix {
    clear: both;
}

.btn {
    padding: 10px 20px;
}

.bold {
    font-weight: bold;
}

#idWaitA {
    position: fixed;
    width: 50%;
    bottom: 50%;
    left: 25%;
    z-index: 1051;
    text-align: center;
    vertical-align: middle;
    background-color: black;
}

#loadingA {
    overflow: hidden;
    opacity: 0.4;
    background: black;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1051;
    text-align: center;
    vertical-align: middle;
}

.vcen {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.btn-primary {
    background-color: #aa0012 !important;
    border-color: #aa0012 !important;
}

.btn-primary:hover {
    background-color: #de0018 !important;
    border-color: #de0018 !important;
}

.form-control-borderless, .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

@media (max-width: 992px) {
    /* SLIDER */
    .top-navigation-bar .container {
        max-width: 100% !important; /* SLIDER */
    }

    .slider > div {
        min-height: 100px;
    }
}

@media (min-width: 993px) {
    .slider > div {
        min-height: 370px;
    }
}

.top-navigation-bar a {
    text-decoration: underline;
}

.top-navigation-links a {
    color: #000;
}

.top-navigation-login, .top-navigation-login a {
    color: #000;
}

.top-navigation-contact {
    color: #000;
}

.top-navigation-login i {
    padding-top: 3px;
}

.phone-span {
    color: #aa0012;
}

.header-logo {
    line-height: 80px;
}

.header-logo img {
    max-width: 100%;
}

.header-basket a {
    text-decoration: none;
    text-align: right;
    color: #aa0012;
    padding-left: 55px;
    position: relative;
    line-height: 2em;
    font-weight: bold;
}

.header-basket a .tag-price {
    font-weight: bold;
    line-height: 2em;
}

.header-basket a:hover {
    color: #de0018;
}

.header-basket i {
    display: inline-block;
    position: absolute;
    left: 1px;
}

.header-basket .count {
    position: absolute;
    top: 8px;
    left: 50px;
    color: white;
    background-color: #de0018;
    border-radius: 1em;
    display: inline-block;
    font-weight: normal;
    line-height: 14px;
    min-width: 17px;
    height: 17px;
    padding: 1px;
    text-align: center;
}

.mobile-navigation-bar .count-mobile {
    position: absolute;
    top: -4px;
    right: -8px;
    color: white;
    text-decoration: none;
    line-height: normal;
    background-color: #de0018;
    border-radius: 50%;
    padding: 4px 7px;
}

.mobile-navigation-bar .navbar-toggler a {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.menu-supercategories .navbar-nav > li > a {
    padding: 0.6rem !important;
    text-decoration: none;
    display: block;
    color: white;
}

.menu-supercategories .navbar-nav > li > a i {
    padding-right: 5px;
}

.menu-supercategories li {
    margin-right: 5px;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    box-shadow: inset 0 0 3px #212529 47;
    background-color: #aa0012;
}

.menu-categories .navbar {
    padding: 0;
}

.menu-categories .navbar-nav > li > a {
    text-transform: uppercase;
    color: white;
    padding: 0.8rem 0.6rem !important;
}

.menu-categories .navbar-nav > li > a i {
    padding-left: 5px;
}

.menu-categories .navbar-nav > li:last-child {
    border-right: 0;
}

.effect-delay {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    transition-delay: 0.3s;
}

.navbar-nav li:hover .dropdown-menu-login {
    display: block;
}

.dropdown-menu .media-body .name {
    font-style: italic;
    font-weight: bold;
    line-height: 1.1;
}

.dropdown-menu .media-picture {
    height: 100px;
    width: 100px;
}

.dropdown-menu .media-picture img {
    max-height: 100%;
    max-width: 100%;
}

.dropdown-menu .media-body {
    height: 90px;
    box-sizing: border-box;
    padding: 20px; /* LOGIN MENU */
}

.login-item .dropdown-menu a {
    padding: 8px 16px;
    display: block;
    text-align: left;
    width: 100%;
}

.login-item .dropdown-menu li:hover a {
    color: #aa0012;
}

.login-item .dropdown-menu a i {
    padding-right: 5px; /* LEFT MENU */
}

.menu-list {
    background-color: #f0f0f0;
}

.left-menu {
    border-bottom: 2px solid #aa0012;
}

.left-menu li a, .left-menu-hover-link li a {
    padding: 10px;
    display: block;
    color: #000;
    text-decoration: none;
}

.left-menu li.active a, .left-menu-hover-link li.active a {
    color: #aa0012;
}

.left-menu-sub li.active a {
    color: #aa0012 !important;
}

.left-menu li a i, .left-menu-hover-link li a i {
    right: 0;
}

.left-menu li:hover a, .left-menu-hover-link li:hover a {
    color: #aa0012;
}

.left-menu-sub li:hover a {
    color: #aa0012 !important;
}

.left-menu .left-menu-sub li {
    border-bottom: 1px solid #f0f0f0;
}

.left-menu .left-menu-sub li a {
    padding: 10px;
    display: block;
    color: #000;
}

.left-menu .left-menu-sub li a i {
    color: #aa0012;
    padding-right: 5px; /* KATEGORIE FILTRY */
}

.menu-filtr {
    background-color: white;
}

.menu-filtr .h4 {
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.menu-filtr .h4 i {
    color: #aa0012;
    width: 17px;
    height: 17px;
}


.menu-filtr .filtr-box {
    border-bottom: 2px solid #f0f0f0;
    padding-top: 0.5rem;
}

.menu-filtr a.href-filters {
    color: #000 !important;
    text-decoration: underline; /* MENU */
}

.nav-mega {
    width: 100%;
    height: 45px;
    overflow: hidden;
    padding-right: 45px;
}

.nav-mega a {
    text-decoration: none;
}

.nav-mega .dropdown {
    position: static;
}

.nav-mega .dropdown-menu.mega-menu {
    background-color: white;
    min-width: auto;
    width: 100%;
    margin-top: 0;
    padding: 20px;
    border-color: #ccc;
    -webkit-box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
    box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
}

.nav-mega .dropdown-menu.mega-menu > li {
    padding: 0;
    height: 110px;
    overflow: hidden;
}

.nav-mega .dropdown-menu.mega-menu .pull-left {
    float: left;
    align-items: center;
    height: 90px;
    width: 90px;
    vertical-align: middle;
    margin-right: 15px;
}

.nav-mega .dropdown-menu.mega-menu .name a {
    font-style: italic;
    color: #aa0012;
    font-weight: normal;
}

.nav-mega .dropdown-menu.mega-menu .media-body .list-unstyled a {
    font-style: normal;
    font-weight: normal;
    color: #444;
    padding-right: 4px;
}

.nav-mega .dropdown-menu.mega-menu .media-body a:hover {
    color: #aa0012;
}

.slider .slick-dots {
    bottom: 10px !important;
}

.slider .slick-prev {
    z-index: 1;
    left: 10px !important;
}

.slider .slick-next {
    z-index: 1;
    right: 10px !important;
}

.adv_box {
    background-color: #f9f9f9;
    margin: 2px 0;
    clear: both;
    min-height: 50px;
    padding: 5px;
}

.adv_box a {
    color: #212529;
    text-decoration: none;
}

.adv_box a:hover {
    color: white;
    text-decoration: none;
}

.adv_box:hover {
    background-color: #de0018;
    color: white;
}

.adv_box:hover a {
    color: white;
    text-decoration: underline;
    filter: grayscale(100%) brightness(10);
}

.adv_box:hover i {
    color: white;
}

.adv_box:hover img {
    filter: grayscale(100%) brightness(10);
}

.adv_box img {
    height: 30px;
    padding-top: 5px;
}

.adv_box i {
    padding: 5px;
    color: #aa0012;
    float: left;
}

.adv_box .title {
    padding-left: 40px;
    padding-top: 10px; /* PRODUCT IN CATEGORY */
}

.col-prod {
    padding: 1% !important;
}

.prod {
    border: 1px solid #fff;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
}

.noborder .prod:hover {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 #f0f0f0;
    -moz-box-shadow: 0 0 10px 0 #f0f0f0;
    box-shadow: 0 0 10px 0 #f0f0f0;
}

.prod .prod-header {
    color: #000;
    line-height: 1.2;
    text-align: left;
    height: 20px;
    font-size: 12px;
}

.prod .prod-title {
    text-align: center;
    line-height: 1.2;
    overflow: hidden;
    height: 50px;
}

.prod .name a {
    text-decoration: none;
    font-weight: bold;
}

.prod .name a:hover {
    text-decoration: underline;
}

.prod a, .prod a:hover {
    color: #000;
}

.prod .prod-text {
    color: #000;
    height: 45px;
    overflow: hidden;
}

.prod .price_buy {
    height: 63px;
    overflow: hidden;
}

.prod .card-price {
    padding-right: 0;
}

.prod .price {
    font-weight: bold;
    color: #aa0012;
}

.on_stock {
    color: #aa0012;
}

.on_request {
    color: orange;
}

.not_available {
    color: red;
}

.prod .prod-basket {
    padding: 0;
    margin: 0;
    left: -10px;
}

.prod .prod-image-last-viewed {
    height: 100px;
    line-height: 100px;
}

.last-viewed-v-popisu .name {
    font-weight: normal;
    height: 88px;
    overflow: hidden;
}

.smallThumb {
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.prod .prod-image {
    height: 150px;
    line-height: 150px;
}

.prod img, .smallThumb img {
    max-width: 100%;
    max-height: 100%;
}

.prod .prod-basket .btn {
    padding: 10px;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.prod .prod-basket a.btn-warning {
    color: white;
}

.home-texty, .border-top-bottom {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.tooter-pic img {
    width: 100%;
}

.border-top {
    border-top: 1px solid #f0f0f0;
}

.border-bottom {
    border-bottom: 1px solid #f0f0f0;
}

.border-bottom-primary {
    border-bottom: 2px solid #aa0012; /* VYROBCI VYBER */
}

ul.vyrobci_grayscale {
    text-align: center;
    list-style: none;
    padding: 0;
    width: 100%;
}

ul.vyrobci_grayscale li {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    margin: 0 10px 10px;
}

ul.vyrobci_grayscale a img {
    opacity: 0.7;
}

ul.vyrobci_grayscale a:hover img { /* Applies to FF + IE */
    filter: none;
    -webkit-filter: grayscale(0);
}

ul.vyrobci_grayscale a img {
    display: block;
}

ul.vyrobci_grayscale li.dalsi_vyrobci {
    vertical-align: bottom;
    text-decoration: underline;
}

img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}

ul.vyrobci_grayscale a:hover img.grayscale {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: none;
    -webkit-filter: none; /* NEWSLETTER */
}

.home-newsletter a, .home-anotation a {
    color: #000;
    text-decoration: underline;
}

.home-newsletter a:hover .home-anotation a:hover {
    color: #aa0012;
}

.footer-links a {
    color: #000;
    text-decoration: underline;
    line-height: 20px;
}

.footer-links h4 { /* BREADCRUMB */
}

.breadcrumb {
    background-color: white !important;
    padding: 0 1rem !important;
    color: #000;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
    margin-top: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.5rem;
    color: #000;
    content: ">" !important;
}

.breadcrumb, .pagination {
    border-radius: 0.25rem;
    list-style: none;
}

.breadcrumb a {
    color: #000;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #aa0012; /* SUB-CATEGORIES */
}

.podkategorie ul {
    margin: 0;
    padding: 0;
}

.podkategorie ul li {
    list-style: none;
}

.podkategorie .kInnerHigh {
    height: 220px;
    border: 1px solid #000;
    border-radius: 3px;
    overflow: hidden;
}

.podkategorie .kInner a > div:hover, .podkategorie .kInnerHigh:hover {
    border: 1px solid #aa0012;
}

.podkategorie .kInner:hover .title, .podkategorie .kInnerHigh:hover .title {
    color: #aa0012;
}

.podkategorie a {
    text-decoration: none;
}

.podkategorie .kInner a > div {
    display: table;
    height: 50px;
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #000;
    border-radius: 3px;
    overflow: hidden;
}

.podkategorie .kInner a .kImage {
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    display: table-cell;
    height: 50px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.podkategorie .kInnerHigh a .kImage {
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 150px;
    width: 150px;
    line-height: 150px;
    vertical-align: middle;
}

.podkategorie .kInner a img {
    max-height: 50px;
    max-width: 50px;
}

.podkategorie .kInnerHigh a img {
    max-height: 100%;
    max-width: 150px;
}

.podkategorie .kInner a .title {
    text-decoration: none;
    vertical-align: middle;
    display: table-cell;
    height: 70px;
    color: #000;
    padding: 0 15px;
}

.podkategorie .kInnerHigh a .title {
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    width: 100%;
    color: #000;
    height: 35px;
    box-sizing: border-box;
    padding: 10px 15px; /* PRODUCT */
}

.productGallery img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}


.product .hodnoceno-produkt {
    background: transparent url('../images/stars_no.png') repeat-x scroll left top;
    height: 25px;
    margin: -4px auto 0;
    width: 125px;
}

.product .hodnoceno-celkem {
    height: 25px;
    background: transparent url('../images/stars.png') repeat-x scroll left top;
}

.product .hodnoceni-produkt a {
    color: #000;
    text-decoration: underline;
}

.product .price-text {
    line-height: 36px;
}

.product .price-last, .price-last {
    text-decoration: line-through;
}

.product .links-box a {
    color: #000;
    text-decoration: underline;
    line-height: 40px;
}

.product .links-box a:hover {
    color: #aa0012; /* PRODUCT VARIANT*/
}

.product .variant {
    text-align: center;
    padding: 0 !important;
    border: 1px solid white;
}

.product .variant:hover, #variants-detail .active .variant {
    border: 1px solid #aa0012;
    -webkit-box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
    box-shadow: 0 8px 5px 2px rgba(0, 0, 0, 0.23);
}

.product .variant a {
    color: #000;
    text-decoration: none;
}

.product .variant a:hover {
    color: #000;
    text-decoration: none;
}

.product .variant .variant-name {
    height: 38px;
    overflow: hidden;
    font-weight: bold;
}

.product .variant .variant-image {
    width: 78px;
    height: 78px;
    margin: auto;
}

.product .variant .variant-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.product .variant .variant-availability {
    color: #aa0012;
}

.product .variant .variant-price {
    font-weight: bold;
}

.product .variant_count {
    color: white;
    background-color: #de0018;
    border-radius: 50%;
    text-decoration: none;
    top: 4px;
    position: absolute;
    padding: 6px 7px;
    width: 25px;
    height: 25px;
}

.product .variants_show, .product .variants_hide {
    color: #000;
}

.product .variants_show:hover, .product .variants_hide:hover {
    text-decoration: none;
}

.product-navi {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-navi li {
    display: table-cell;
}

.product-navi li > div {
    padding: 10px;
    margin-right: 10px;
    border-left: 1px solid #f0f0f0;
    border-top: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: white;
}

.product-navi li a {
    color: #000;
    text-decoration: none;
}

.product-navi li:hover a {
    text-decoration: underline;
}

.product-navi li i {
    color: #000;
}

.produkt-description {
    background-color: #f0f0f0;
}

.tech-parameters table {
    width: 100%;
}

.tech-parameters table td {
    padding: 5px 10px;
}

.tech-parameters .category a {
    color: #aa0012;
    text-decoration: underline;
}

.tech-parameters .category a:hover {
    color: #de0018;
}

.tech-parameters table a {
    color: #000;
    text-decoration: underline;
}

.tech-parameters table a:hover {
    color: #aa0012;
}

.produkt-description .icon {
    float: left;
    color: #aa0012;
    padding-right: 10px;
}

.produkt-description .contact .contact-box {
    background-color: white;
    padding: 2rem;
}

.produkt-description .contact .contact-box .btn {
    width: 100%;
    color: white;
    background-color: #000 !important;
    border-color: #000 !important;
}

#recenze {
    float: left;
}

.produkt-vyhody {
    background-color: #aa0012;
}

.produkt-vyhody .box-text {
    height: 70px;
    overflow: hidden;
    background-color: #f0f0f0;
}

.home-novinky .box-text {
    background-color: white;
}

.produkt-vyhody .row p {
    padding: 0;
    margin: 0;
}

.produkt-vyhody .vyhoda {
    min-height: 144px;
    background-color: white;
    border-radius: 3px;
    border: 1px solid #aa0012;
}

.produkt-vyhody .vyhoda i {
    color: #aa0012;
}

.produkt-vyhody a {
    color: #000;
    text-decoration: none;
}

.produkt-vyhody .vyhoda:hover {
    color: white;
    background-color: #de0018;
    border: 2px solid white;
}

.produkt-vyhody .vyhoda:hover i {
    color: white !important;
}

.produkt-vyhody .detail {
    display: none;
    color: #aa0012;
}

.modal-header .close {
    margin: -2px 0 0 0 !important;
    padding: 0 !important;
}

button.close {
    cursor: pointer;
}

.modal-footer a {
    text-decoration: underline;
}

.form-check.disabled {
    color: #aaa;
    font-style: italic;
    opacity: 0.5;
}

.form-check-input {
    margin-top: 0.7rem !important;
}

.register-form h2 {
    font-style: italic;
}

.kosik-navi {
    list-style: none;
}

.kosik-navi li div {
    background-color: #f0f0f0;
    color: #000;
    line-height: 2em;
    box-sizing: border-box;
    padding-left: 5%;
}

.kosik-navi li div:last-child {
    margin-right: 0;
}

.kosik-navi li span {
    position: absolute;
    left: 0;
    color: #fff;
    background: #000;
    padding: 0 15px;
    border-radius: 100px;
    margin-left: -10px;
}

.kosik-navi li div.active span {
    background: #aa0012;
}

.kosik-navi li a div:hover, .kosik-navi a:hover {
    color: #de0018 !important;
}

.kosik-header > div {
    background: #f0f0f0;
    line-height: 30px;
}

.kosik-row {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
}

.kosik-row > div {
    margin: auto 0;
}

.kosik-row .basket-quantity {
    padding-right: 0;
}

.bq-input .down, .bq-input .up {
    width: 30px;
    height: 46px;
    text-align: center;
    background-color: #000;
    border: 1px solid #000;
    padding-top: 13px;
}

.kosik-table .basket-pr-image {
    width: 70px;
    height: 70px;
    line-height: 70px;
}

.kosik-table .basket-pr-image img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.kosik-table .bq-input .qty {
    padding: 2px 10px 2px 5px;
    width: 50px;
    height: 46px;
    text-align: center;
    border: 1px solid #000;
    border-radius: 3px 0 0 3px;
}

.kosik-table .prod-unit {
    line-height: 46px;
}

.kosik-table .bq-input .qty:focus {
    outline: none;
}

.kosik-table .bq-btn {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: -5px;
}

.kosik-table .bq-btn .up {
    cursor: pointer;
    height: 23px;
    width: 25px;
    border: 1px solid #000;
    border-top-right-radius: 3px;
    text-align: center;
    background-color: white;
}

.kosik-table .bq-btn .down {
    cursor: pointer;
    height: 23px;
    width: 25px;
    border: 1px solid #000;
    border-bottom-right-radius: 3px;
    text-align: center;
    background-color: white;
}

.kosik-table .bq-btn {
    color: #000;
}

.kosik-table .bq-btn .up:hover, .kosik-table .bq-btn .down:hover {
    color: #aa0012;
}

.kosik-table .bq-btn i {
    top: 3px;
}

.kosik-table .bq-unit {
    position: relative;
    top: 10px;
}

.kosik-table .active {
    color: #aa0012;
}

.kosik-table .error {
    float: left;
}

.kosik-table label.error {
    padding-left: 10px;
    color: red;
    margin-top: 0.5rem;
}

.kosik-table label.error-zasilkovna {
    float: none !important;
}

.kosik-footer {
    background-color: #f0f0f0;
}

.kosik-footer .bdph {
}

@media (max-width: 576px) {
    .kosik-navi {
        padding-left: 15px;
    }

    .kosik-header {
        display: none;
    }

    .basket-delete {
        padding-left: 5px;
        padding-right: 5px;
    }

    .bq-unit {
        display: none;
    }

    .basket-pr-name {
        text-align: center;
        padding: 10px 0;
        margin: 10px 0;
        overflow: hidden;
    }

    .basket-adresy input, .basket-adresy select {
        width: 100% !important;
    }

    .basket-adresy .form-check-input {
        width: auto !important;
    }

    .commodityCatalog .cat-border, .commodityCatalog .cat-border4 {
        border-right: 0 !important;
    }
}

.clanek a {
    color: #aa0012;
}

.clanek .image div {
    display: table;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
}

.clanek .image img {
    vertical-align: middle;
    margin: auto;
    max-height: 100px;
    max-width: 100px;
}

.freetext {
    overflow: hidden;
}

.freetext a {
    color: #aa0012;
    text-decoration: underline;
}

.freetext a:hover {
    color: #de0018;
}

.mapa {
    list-style: none;
}

.mapa a {
    text-decoration: none;
}

.vyrobci-navigace {
    text-transform: uppercase;
    list-style: none;
}

.vyrobci-navigace li {
    float: left;
}

.vyrobci h3 {
    text-transform: uppercase;
}

.vyrobce-item {
    height: 150px;
}

.vyrobce-item a {
    text-decoration: none;
}

.vyrobce-item .kImage {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 10px auto;
}

.vyrobce-item img {
    vertical-align: middle;
    max-height: 100px;
    max-width: 100px;
}

.vyrobce-item i {
    color: #000;
}

.listMenu li {
    display: inline;
    padding: 10px;
    margin: 5px;
    background-color: #f0f0f0;
}

.listMenu li:hover {
    background-color: #000;
}

.profil .navbar-nav .active {
    font-weight: bold; /* NEJPRODAVANEJSI */
}

.nejprodavanejsi .number {
    vertical-align: middle;
    line-height: 80px;
    padding: 0;
}

.nejprodavanejsi .image {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.nejprodavanejsi .image img {
    max-height: 100%;
    max-width: 100%;
}

.nejprodavanejsi .name {
    overflow: hidden;
    color: #000;
}

.nejprodavanejsi .anotace {
    color: #000;
    overflow: hidden;
}

.nejprodavanejsi .price-old {
    text-decoration: line-through;
}

.nejprodavanejsi .price-big {
    color: #aa0012;
}

.nejprodavanejsi a {
    text-decoration: none;
}

.sorting .nav-item {
    padding: 5px;
    border-right: 1px solid #f0f0f0;
}

.sorting .nav-link {
    color: #000;
    text-decoration: none;
}

.sorting .nav-link:hover {
    color: #000;
    text-decoration: underline;
}

.sorting .active {
    background-color: white;
    border-bottom: 0;
    margin-bottom: -1px;
}

.sorting .icon {
    color: #000;
}

.total-products {
    line-height: 50px;
    color: #000;
}

.pagination .page-link {
    border: 0 !important;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    height: 36px;
}

.pagination .active {
    color: #aa0012;
    background-color: #e9ecef; /* RECENZE */
}

.recenze .item {
    padding: 10px;
}

.recenze .item:hover {
    border: 1px solid #fff;
    box-shadow: none !important;
}

.recenze .item .stars {
    height: 40px;
}

.recenze .item .text {
    min-height: 100px;
    border: 1px solid white;
}

.recenze .item .footer {
    color: #000;
}

.recenze .item a {
    color: #aa0012;
    text-decoration: none;
}

.recenze .item a:hover {
    text-decoration: underline; /* AUTOCOMPLETE */
}

ul.ui-autocomplete {
    background: white;
    height: auto !important;
    list-style: none;
    overflow: hidden;
    border-radius: 5px;
    box-shadow: 0 8px 10px 0 #a6a6a6;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0;
}

ul.ui-autocomplete li.ui-autocomplete-category {
    background-color: #f0f0f0;
    color: #aa0012;
    font-weight: bold;
    text-align: left;
    padding: 10px;
}

ul.ui-autocomplete li {
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
}

.ui-state-active {
    background-color: white !important;
    border-top: 1px solid #aa0012 !important;
    border-bottom: 1px solid #aa0012 !important;
    border-right: 1px solid white !important;
    color: #aa0012 !important;
}

.ui-menu .li-auto a {
    width: 100%;
    padding: 0 !important;
}

ul.ui-autocomplete li a {
    display: inline-block;
    height: 100%;
    text-align: left;
}

.ui-menu .img {
    height: 50px;
    width: 50px;
    align-items: center;
    position: relative;
    margin: 5px 10px;
}

.ui-menu img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.li-auto span {
    padding: 2px 10px;
    vertical-align: middle;
    float: left;
}

.li-auto .cena {
    font-weight: bold;
    color: #aa0012;
}

ul.ui-autocomplete .name {
    margin-top: 10px;
}

@media (min-width: 992px) {
    .modal-dialog-basket {
        max-width: 60% !important;
    }
}

@media (max-width: 992px) {
    .modal-dialog-basket {
        max-width: 90% !important;
    }
}

.ui-progressbar .ui-progressbar-value {
    margin: 0 !important;
}

.darekBar, .progressbar {
    position: relative;
    margin: 20px auto;
}

.progressbar, .darekBar {
    width: 75%;
}

.modal-dialog-basket .ui-progressbar {
    height: 1em;
}

.ui-progressbar {
    height: 1.5em;
}

.progressbar > div, .progressbarDarek > div {
    background: #aa0012;
}

.darek-icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    background-color: darkgrey;
    color: white;
    position: absolute;
    margin-left: -15px;
    cursor: pointer;
}


.mobile-navigation-bar .icon {
    line-height: 50px;
    height: 50px;
    width: 48%;
    float: left;
    padding: 0;
    -webkit-appearance: none !important;
}

.mobile-navigation-bar .logo {
    line-height: 50px;
    height: 50px;
    padding: 0;
}

.mobile-navigation-bar img {
    max-height: 100%;
    max-width: 100%;
}

.mobile-navigation-bar img {
    max-height: 100%;
    max-width: 100%;
}

.product-title {
    min-height: 102px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .product-picture {
        margin-top: -90px;
    }

    .footer-links .border-bottom {
        border-bottom: 0;
    }

    .footer-links .h5 i {
        display: none;
    }

    .header-search {
        width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {


    .links-box {
        padding-left: 5rem;
    }

    .produkt-description {
        background-color: white;
    }

    .produkt-vyhody {
        background-image: url('../images/pinktexture2.jpg');
    }

    .home-anotation {
        text-align: center;
        margin: 2rem;
    }

    .copyright {
        text-align: center;
    }

    .home-anotation i {
        width: 100%;
    }

    .footer-links ul {
        margin-left: 20px !important;
        line-height: 30px;
    }

    .footer-box-content {
        display: none;
    }

    .tech-parameters {
        padding-top: 1rem !important;
        border-top: 1px solid #f0f0f0;
    }


    .product-title {
        text-align: center;
        height: auto;
    }

    #variants {
        border-top: 0;
    }

    .variants-detail, .sorting-detail {
        display: none;
    }

    .price-box {
        background-color: #f0f0f0;
    }

    .price-last-div {
        color: #000;
    }

    .buy-box {
        border: 0px;
    }

    .mega-menu {
        display: none;
    }

    #form-filtr {
        border-top: 0px solid #f0f0f0 !important;
        border-bottom: 0px solid #f0f0f0 !important;
    }

    .sorting .nav-item {
        border: 0px;
    }

    .pagination .paginate {
        margin-top: 40px;
    }

    .sorting .icon {
        margin-left: 30px;
    }

    .kosik-table .bq-input .qty {
        border-radius: 0 !important;
    }

    .btn {
        padding: 10px;
    }
}

.buy-box {
    border-top: 1px solid #f0f0f0;
}

#variants {
    border-top: #f0f0f0;
}

.mobile-variants-div {
    background-color:;
}

.mobile-sorting-div {
    background-color: #f0f0f0;
}

.mobile-sorting-show {
    width: 100%;
    text-align: left;
    color: #000;
    -webkit-appearance: none !important;
}

.mobile-variants-show {
    width: 100%;
    text-align: left;
    color: #aa0012;
    -webkit-appearance: none !important;
}

.mobile-variants-show i, .mobile-sorting-div i {
    float: right;
}

#form-filtr {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.sorting-detail .nav-link i {
    float: right;
    padding-right: 10px;
    padding-left: 10px;
}

.author-text {
    margin-bottom: 0.5em;
    color: #506070;
}

.clanek h2 {
    line-height: 1.5em;
    font-weight: bold;
}

.clanek h2 a {
    text-decoration: none;
}

.clanek h2 a:hover {
    text-decoration: underline;
}

#searchForm, #seastr {
    background-color: #fff;
}

.commodityCatalog .cat-border, .commodityCatalog .cat-border4 {
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}

.commodityCatalog .cat-border:nth-child(3n-1) {
    border-bottom: 1px solid #f0f0f0;
    border-right: 0 solid #f0f0f0;
}

@media (min-width: 577px) and (max-width: 992px) {
    .commodityCatalog .cat-border:nth-child(3n-1) {
        border-right: 1px solid #f0f0f0 !important;
    }
}

.slick-slide img {
    max-width: 100%;
    max-height: 100%;
}

#nav-responsive-icon {
    height: 45px;
    width: 45px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #aa0012;
    text-align: center;
    background: white;
}

#nav-responsive-icon div {
    text-transform: uppercase;
    float: right;
    font-weight: bold;
    padding: 1rem 1.2rem 1rem 0;
    display: none;
}

#nav-responsive:hover #nav-responsive-box {
    display: block;
}

#nav-responsive-icon i {
    line-height: 44px;
    color: #aa0012;
}

#nav-responsive-box {
    display: none;
    background-color: white;
    border: 1px solid #f0f0f0;
    position: absolute;
    top: 45px;
    right: 0;
    line-height: normal;
    padding: 1rem 0.6rem;
    list-style: none;
    z-index: 20;
}

.ico-sleva {
    position: absolute;
    top: 0;
    left: 20px;
}

.ico-zdarma {
    position: absolute;
    top: 0;
    right: 20px;
}

.ico-flag {
    width: 58px;
    height: 58px;
    border-radius: 50%;
    line-height: 1.2;
    padding-top: 15px;
    text-align: center;
    box-sizing: border-box;
}

.ico-darek {
    background: rebeccapurple;
    color: white;
    font-size: 0.6em !important;
}

.ico-sale {
    background: #dca01d;
    color: white;
    font-size: 0.6em !important;

}

.ico-sale-clearance {
    background: red;
    color: white;
    padding-top: 20px !important;
    font-size: 0.6em !important;

}

.ico-doprava {
    background: #5ea04d;
    color: white;
    font-size: 0.6em !important;

}

#fixed_footer_div {
    background-color: #aa0012;
    color: white;
    width: 100%;
    height: 30px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.btn-success {
    color: #fff;
    background-color: #aa0012;
    border-color: #aa0012;
}

.btn-success:hover {
    color: #fff;
    background-color: #de0018;
    border-color: #de0018;
}

.btn-success:not(:disabled):not(.disabled).active, .btn-success:not(:disabled):not(.disabled):active, .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #de0018;
    border-color: #de0018;
}

.btn-warning {
    color: #fff;
    background-color: #aa0012;
    border-color: #aa0012;
}

.btn-warning:hover {
    color: #fff;
    background-color: #de0018;
    border-color: #de0018;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #de0018;
    border-color: #de0018;
}

.header-basket a {
    color: #aa0012;
}

.header-basket a:hover {
    color: #de0018;
}

.top-navigation-contact .nav-link p {
    margin: 0 !important;
}

.basket-upper-text {
    color: #000;
}

.pull-left {
    float: left;
}

.bq-input i {
    color: white;
}

.ico-sale {
    background-color: #dd0017;
}

.ico-flag, .btn, .card, .dropdown-menu {
    border-radius: 0;
}

.footer-boxes {
    display: none;
}

.on_stock {
    color: #5ea04d;
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

.m-0 {
    margin: 0!important;
}

.mt-3, .my-3 {
    margin-top: 1rem!important;
}